@import "https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700;800&family=Oswald+Condensed:wght@300;400;500;600;700&display=swap";:root{--bg-app:#f8fafc;--bg-surface:#fff;--border-card:1px solid #e2e8f0;--primary:#da3d20;--primary-accent:#b3321a;--header-gradient:linear-gradient(135deg, #da3d20 0%, #b3321a 100%);--sub-header-bg:#b3321a;--text-main:#333;--text-muted:#6b7280;--text-menu:#475569;--text-active:#da3d20;--nav-width:260px;--radius-card:4px;--radius-sm:4px;--body-font:"Oswald Condensed", sans-serif;--heading-font:"Oswald", sans-serif;--font-family:var(--body-font);--transition-smooth:all .2s ease-in-out}.lms-card{background:var(--bg-surface);border:var(--border-card);border-radius:var(--radius-card);box-shadow:0 1px 3px #0000000d}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a,button{color:inherit;font-family:inherit}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#da3d20;--secondary-color:#b3321a;--text-color:#333;--white-color:#fff;--social-color:#fff4ea;--social-hover-color:#eddcc6;--body-font:"Oswald Condensed", sans-serif;--heading-font:"Oswald", sans-serif;--base-font-size:16px;--small-font-size:14px;--medium-font-size:15px}body{font-family:var(--body-font);font-size:var(--base-font-size);color:var(--text-color);background-color:var(--white-color);line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);letter-spacing:.5px;font-weight:600}a,button,.nav-link,.btn,label,input,select,textarea,li,th,td{font-family:var(--body-font);letter-spacing:.4px;text-transform:none;font-weight:400}a{color:var(--text-color);text-decoration:none;transition:all .3s}a:hover{color:var(--primary-color)}.btn{font-size:var(--small-font-size);cursor:pointer;border:none;border-radius:4px;padding:10px 22px;transition:all .3s}.navbar .nav-link{font-size:var(--medium-font-size)}table{font-size:var(--small-font-size);border-collapse:collapse;width:100%}ul li{font-size:var(--medium-font-size)}input,select,textarea,button{font-family:var(--heading-font);font-size:var(--small-font-size);outline:none}button:hover{opacity:.9}li{list-style:none}img{max-width:100%;display:block}.sidebar-container{background:var(--white-color);width:280px;min-height:100vh;color:var(--text-color);border-right:1px solid #2222220f;flex-direction:column;justify-content:space-between;display:flex}.sidebar-profile{background:var(--social-color);border-bottom:1px solid #22222214;flex-direction:column;align-items:center;padding:26px 20px;display:flex}.profile-badge-logo{background:#fafafae6;border:1.5px solid #da3d2029;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:12px;display:flex}.profile-logo-svg{width:54px;height:54px}.sidebar-profile-name{color:var(--primary-color);margin-bottom:8px;font-size:14px;font-weight:700}.online-status-pill{background:var(--primary-color);color:var(--white-color);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.online-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.status-arrow{font-size:10px}.sidebar-menu-section{padding:12px 0}.sidebar-menu-header{color:var(--secondary-color);letter-spacing:.55px;text-transform:uppercase;padding:0 24px 8px;font-size:11px;font-weight:800}.sidebar-menu-items{flex-direction:column;display:flex}.sidebar-menu-item{color:var(--text-color);cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin:0 16px 6px;padding:11px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-menu-item:hover{background:var(--social-color);color:var(--primary-color)}.sidebar-menu-item.active{color:var(--primary-color);background:var(--social-hover-color);font-weight:600}.sidebar-menu-icon{color:var(--secondary-color);flex-shrink:0;font-size:16px}.sidebar-menu-item.active .sidebar-menu-icon{color:var(--primary-color)}.menu-badge-new{background:var(--primary-color);color:var(--white-color);text-transform:uppercase;letter-spacing:.35px;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}@media (width<=1024px){.sidebar-container{width:240px}.sidebar-profile{padding:22px 18px}.sidebar-menu-header{padding:0 20px 8px}.sidebar-menu-item{margin:0 14px 6px;padding:10px 20px}}@media (width<=768px){.sidebar-container{border-bottom:1px solid #22222217;border-right:none;width:100%;min-height:auto}.sidebar-profile{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:18px 16px}.profile-badge-logo{margin-bottom:0}.sidebar-menu-section{width:100%}.sidebar-menu-items{flex-direction:column;display:flex}.sidebar-menu-item{margin:0 12px 8px;padding:12px 16px;font-size:13px}}@media (width<=560px){.sidebar-menu-item{padding:10px 14px}.sidebar-menu-header{padding:0 16px 8px;font-size:10px}}.top-header-gradient{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));width:100%;color:var(--white-color);z-index:30;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0000001f}.header-left{align-items:center;display:flex}.header-logo-container{align-items:center;gap:12px;display:flex}.header-logo-svg{width:auto;height:42px;fill:var(--white-color)}.header-logo-text{flex-direction:column;display:flex}.header-logo-title{font-family:var(--heading-font);letter-spacing:.6px;color:var(--white-color);text-transform:uppercase;font-size:15px;font-weight:700;line-height:1.05}.header-logo-subtitle{opacity:.9;color:#ffffffe0;font-size:10px;font-weight:500}.header-right{align-items:center;gap:18px;font-size:13px;font-weight:600;display:flex}.header-control-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--white-color);border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.header-control-item:hover{background:#ffffff24}.header-control-icon{font-size:16px}.header-profile-selector{cursor:pointer;background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.header-profile-avatar{object-fit:cover;border:2px solid #ffffffd9;border-radius:50%;width:32px;height:32px}.header-profile-arrow{font-size:11px}@media (width<=900px){.top-header-gradient{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px}.header-left,.header-right{justify-content:space-between;width:100%}.header-right{flex-wrap:wrap;gap:12px}.header-control-item,.header-profile-selector{padding:8px 10px}}@media (width<=640px){.top-header-gradient{padding:12px 14px}.header-logo-title{font-size:13px}.header-logo-subtitle{font-size:9px}.header-control-item{gap:6px}.header-profile-selector{gap:8px}}.app-container{background-color:var(--bg-app);flex-direction:column;width:100%;min-height:100vh;display:flex}.top-header-gradient{background:var(--header-gradient);z-index:100;color:#fff;justify-content:space-between;align-items:center;width:100%;height:55px;padding:0 20px;display:flex;position:fixed;top:0;left:0}.main-layout{flex:1;padding-top:55px;display:flex}.sidebar-container{width:var(--nav-width);z-index:90;background:#fff;border-right:1px solid #e2e8f0;height:calc(100vh - 55px);position:fixed;top:55px;left:0;overflow-y:auto}.content-container{margin-left:var(--nav-width);background:var(--bg-app);flex-direction:column;flex:1;min-height:calc(100vh - 55px);display:flex}.sub-header-bar{background:var(--sub-header-bg);color:#fff;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 20px;display:flex}.sub-header-left{color:#fff;letter-spacing:.5px;font-size:12px;font-weight:800}.sub-header-right{color:#f1f5f9;font-size:11px;font-weight:500}.main-content-grid{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.app-footer{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:45px;margin-top:auto;padding:0 20px;font-size:11px;display:flex}._authContainer_ixopq_1{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}._authCard_ixopq_10{background-color:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 4px 20px #00000014}._title_ixopq_19{color:var(--primary-color);text-align:center;margin-bottom:25px;font-size:24px}._inputGroup_ixopq_26{margin-bottom:15px}._inputGroup_ixopq_26 label{font-size:var(--small-font-size);color:var(--text-color);margin-bottom:5px;display:block}._inputGroup_ixopq_26 input{width:100%;font-size:var(--base-font-size);border:1px solid #ddd;border-radius:6px;padding:12px}._inputGroup_ixopq_26 input:focus{border-color:var(--primary-color);outline:none}._loginBtn_ixopq_50{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-size:16px;transition:background-color .2s}._loginBtn_ixopq_50:hover{background-color:var(--secondary-color)}._loginBtn_ixopq_50:disabled{cursor:not-allowed;background-color:#ccc}.welcome-wide-card{color:#334155;border:var(--border-card);border-radius:var(--radius-card);background:#fff;padding:16px 20px;font-size:13px;font-weight:500;box-shadow:0 1px 2px #00000005}.overview-row-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1024px){.overview-row-2{grid-template-columns:1fr}}.progress-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.progress-title{color:#475569;font-size:13px;font-weight:600}.progress-select-batch{color:#fff;cursor:pointer;background:#115e59;border:none;border-radius:3px;outline:none;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.progress-rows{flex-direction:column;gap:15px;display:flex}.progress-row-item{grid-template-columns:110px 1fr 30px;align-items:center;gap:12px;display:grid}.progress-label{color:#475569;font-size:12px;font-weight:500}.progress-bar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;height:12px;position:relative;overflow:hidden}.progress-bar-fill-zero{background:var(--primary);width:0%;height:100%}.progress-value-text{color:#334155;text-align:right;font-size:11px;font-weight:700}.announcements-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.announcements-title{color:#475569;font-size:13px;font-weight:600}.see-more-btn{color:#115e59;cursor:pointer;font-size:11px;font-weight:600;text-decoration:none}.see-more-btn:hover{text-decoration:underline}.announcements-scrollbar-box{height:175px;padding-right:15px;overflow-y:scroll}.announcements-scrollbar-box::-webkit-scrollbar{width:5px;display:block}.announcements-scrollbar-box::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.announcements-scrollbar-box::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.announcements-text-block{color:#475569;text-align:justify;font-size:11px;line-height:1.5}.announcements-text-block strong{color:#0f172a;margin-bottom:8px;font-size:12px;display:block}.overview-news-card{border:var(--border-card);border-radius:var(--radius-card);background:#fff;padding:20px;box-shadow:0 1px 3px #0000000a}.overview-news-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.overview-news-title{color:#475569;font-size:13px;font-weight:600}.overview-news-list{flex-direction:column;gap:12px;display:flex}.overview-news-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s;display:flex}.overview-news-item:hover{transform:translateY(-1px)}.overview-news-item.new{background:#eff6ff;border-color:#2563eb}.overview-news-item strong{color:#0f172a;font-size:12px}.overview-news-item p{color:#475569;margin:6px 0 0;font-size:11px;line-height:1.5}.overview-news-pill{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:44px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.gallery-section-container{flex-direction:column;gap:10px;margin-top:10px;display:flex}.gallery-title-header{color:#475569;font-size:13px;font-weight:600}.gallery-placeholder-label{color:#ef4444;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.gallery-placeholder-icon{font-size:14px}.gallery-grid-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.gallery-grid-row{grid-template-columns:1fr}}.gallery-black-block{background:#000;border-radius:4px;height:380px}.calendar-card-container{border:var(--border-card);border-radius:var(--radius-card);background:#fff;padding:24px;box-shadow:0 1px 3px #0000000d}.calendar-control-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-arrows-group{align-items:center;gap:12px;display:flex}.arrow-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.arrow-btn:hover{background:#f1f5f9;border-color:#94a3b8}.calendar-title-label{color:#1e293b;text-align:center;letter-spacing:.5px;min-width:160px;font-size:14px;font-weight:800}.calendar-view-toggles{color:#64748b;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.toggle-link{cursor:pointer;letter-spacing:.5px;padding:4px 8px;transition:color .2s}.toggle-link:hover{color:#0f172a}.toggle-link.active{color:#7c3aed}.month-grid-header{text-align:center;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);margin-bottom:2px;padding-bottom:8px;display:grid}.month-header-day{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.month-grid-body{border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);grid-auto-rows:90px;display:grid}.month-cell{background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;padding:6px;display:flex;position:relative}.month-cell.inactive{background:#f8fafc}.month-day-number{color:#94a3b8;font-size:11px;font-weight:500;position:absolute;top:6px;right:8px}.month-cell.inactive .month-day-number{opacity:.45}.month-cell.current-day .month-day-number{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex;top:3px;right:4px}.month-cell-events{flex-direction:column;gap:3px;width:100%;margin-top:18px;display:flex}.calendar-event-tag{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;z-index:1;border-left:2.5px solid;border-radius:4px;padding:6px 8px;font-size:9px;font-weight:600;position:relative;overflow:visible}.event-summary{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.event-tooltip{color:#f8fafc;z-index:30;white-space:normal;background:#0f172af5;border-radius:10px;min-width:220px;max-width:280px;padding:12px 14px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 20px 40px #0f172a38}.event-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:#0f172af5;position:absolute;top:-6px;left:14px}.event-tooltip-line{margin-bottom:4px;font-size:10px;line-height:1.4}.calendar-event-tag:hover .event-tooltip{display:block}.calendar-event-tag.live{color:#7c3aed;background:#7c3aed12;border-left-color:#7c3aed}.calendar-event-tag.prerecorded{color:#115e59;background:#115e5912;border-left-color:#115e59}.calendar-event-tag.conducted{color:#c2410c;background:#f973161a;border-left-color:#f97316}.calendar-event-tag.upcoming{color:#1d4ed8;background:#3b82f61a;border-left-color:#2563eb}.day-event-block.conducted{background:#c2410c;border-left:3px solid #9a3412}.day-event-block.upcoming{box-shadow:inset 0 0 0 1px #3b82f633}.day-hour-slot.upcoming-hour-tint{background:#eff6ff}.week-grid-container{border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;display:flex}.week-grid-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:80px repeat(7,1fr);display:grid}.week-time-header{border-right:1px solid #e2e8f0}.week-day-column-header{text-align:center;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;display:flex}.week-day-column-header:last-child{border-right:none}.week-day-number{color:#475569;font-size:15px;font-weight:800;line-height:1.2}.week-day-name{color:#94a3b8;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:700}.week-day-column-header.current-active-day .week-day-number{color:#115e59}.week-grid-body{flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.week-grid-row{border-bottom:1px solid #f1f5f9;grid-template-columns:80px repeat(7,1fr);height:55px;display:grid}.week-grid-row:last-child{border-bottom:none}.week-time-label{color:#64748b;background:#f8fafc;border-right:1px solid #e2e8f0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.week-day-cell{border-right:1px solid #e2e8f0;flex-direction:column;gap:2px;padding:3px;display:flex;position:relative}.week-day-cell:last-child{border-right:none}.day-view-container{border:1px solid #e2e8f0;border-radius:4px;grid-template-columns:80px 1fr;display:grid}.day-timeline-hours{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;display:flex}.day-hour-label{color:#64748b;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;height:60px;font-size:10px;font-weight:700;display:flex}.day-hour-label:last-child{border-bottom:none}.day-timeline-content{background:#fff;flex-direction:column;display:flex}.day-hour-slot{border-bottom:1px solid #e2e8f0;align-items:center;height:60px;padding:6px 12px;display:flex;position:relative}.day-hour-slot:last-child{border-bottom:none}.day-hour-slot.active-hour-tint{background:#eff6ff}.day-hour-slot.live-hour-tint{background:#f0fdf4}.day-event-block{color:#fff;border-radius:3px;flex-direction:column;justify-content:center;width:100%;height:100%;padding:6px 12px;display:flex;position:relative}.day-event-block.live{background:#7c3aed;border-left:3px solid #5b21b6}.day-event-block.prerecorded{background:#115e59;border-left:3px solid #0f766e}.day-event-title{font-size:11px;font-weight:700}.day-event-time{opacity:.95;margin-top:1px;font-size:9px}.day-event-block:hover .event-tooltip{display:block}.news-page-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.news-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;align-items:flex-end;gap:0;margin-bottom:20px;padding:0 4px;display:flex}.news-tab-item{color:#94a3b8;cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:12px 20px 10px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.news-tab-item:hover{color:#475569}.news-tab-item.active{color:#115e59}.news-tab-item.active:after{content:"";background:#115e59;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.news-feed-stack{flex-direction:column;gap:14px;display:flex}.news-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:stretch;min-height:150px;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.news-card:hover{box-shadow:0 4px 12px #00000014}.news-card.new{border-color:#2563eb;box-shadow:0 14px 30px #2563eb1f}.news-card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.news-new-pill{color:#fff;letter-spacing:.6px;text-transform:uppercase;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite pulse-news;display:inline-flex}@keyframes pulse-news{0%,to{transform:scale(1);box-shadow:0 0 #2563eb59}50%{transform:scale(1.03);box-shadow:0 0 0 8px #2563eb00}}.news-empty-state{color:#334155;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:30px 24px}.news-empty-state p{color:#475569;margin-top:8px}.news-card-media{background:#0f172a;flex:0 0 260px;width:260px;position:relative;overflow:hidden}.news-video-frame{border:none;width:100%;height:100%;min-height:170px;display:block}.news-seal-panel{background:#0a2018;justify-content:center;align-items:center;width:100%;height:100%;min-height:170px;display:flex;position:relative;overflow:hidden}.news-seal-panel:before{content:"";z-index:1;background:radial-gradient(#115e594d 0%,#05140ad9 100%);position:absolute;inset:0}.news-seal-svg-wrapper{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.news-seal-svg{opacity:.92;width:90px;height:90px}.news-seal-label{color:#eab308;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800}.news-card-content{border-left:1px solid #e2e8f0;flex-direction:column;flex:1;gap:8px;padding:20px 24px;display:flex}.news-card-title{color:#1e293b;margin:0;font-size:15px;font-weight:700;line-height:1.3}.news-card-body{color:#64748b;white-space:pre-line;margin:0;font-size:12px;font-weight:400;line-height:1.7}.news-card-body span.highlight{color:#115e59}.howto-page-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.howto-head-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex;box-shadow:0 1px 3px #0f172a0f}.howto-head-copy{max-width:720px}.howto-page-title{color:#0f172a;margin-bottom:12px;font-size:22px;font-weight:800;display:block}.howto-page-description{color:#475569;margin:0;font-size:13px;line-height:1.75}.howto-page-note{color:#64748b;margin-top:12px;font-size:12px}.howto-head-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.howto-download-link{color:#fff;background:#115e59;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.howto-download-link:hover{background:#0f4c47;transform:translateY(-1px)}.howto-updated-label{color:#0f172a;opacity:.75;font-size:11px;font-weight:600}.howto-content-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.howto-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.howto-video-panel,.howto-steps-panel{flex-direction:column;gap:20px;padding:24px;display:flex}.howto-video-header,.howto-steps-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.howto-video-icon{color:#115e59;font-size:18px}.howto-video-header span,.howto-steps-header span{color:#0f172a;font-size:13px;font-weight:700}.howto-step-count{color:#2563eb;font-size:11px;font-weight:700}.howto-video-frame{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;overflow:hidden}.howto-video-frame iframe{width:100%;height:100%;display:block}.howto-step-list{flex-direction:column;gap:18px;display:flex}.howto-step-item{grid-template-columns:48px 1fr;align-items:flex-start;gap:18px;display:grid}.howto-step-badge{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:42px;min-height:42px;font-size:14px;font-weight:800;display:grid}.howto-step-title{color:#0f172a;margin:0 0 6px;font-size:14px;font-weight:700}.howto-step-description{color:#475569;margin:0;font-size:12px;line-height:1.7}@media (width<=1024px){.howto-content-grid{grid-template-columns:1fr}}@media (width<=680px){.howto-head-card{flex-direction:column;align-items:stretch}.howto-head-actions{align-items:stretch}}.whatsapp-page-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.whatsapp-context-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:14px 20px;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000000a}.whatsapp-context-card span.highlight{color:#115e59}.whatsapp-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:4px 4px 0 0;align-items:flex-end;gap:0;padding:0 4px;display:flex}.whatsapp-tab-item{color:#94a3b8;cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:11px 20px 9px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.whatsapp-tab-item:hover{color:#475569}.whatsapp-tab-item.active{color:#115e59}.whatsapp-tab-item.active:after{content:"";background:#115e59;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.whatsapp-course-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;display:grid}@media (width<=960px){.whatsapp-course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.whatsapp-course-grid{grid-template-columns:1fr}}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.course-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #115e591f}.course-card-thumbnail{aspect-ratio:16/9;object-fit:cover;background:#0f172a;width:100%;display:block}.course-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 12px;display:flex}.course-card-title{color:#115e59;margin:0;font-size:14px;font-weight:700;line-height:1.3}.course-card-desc{color:#64748b;margin:0;font-size:11.5px;font-weight:400;line-height:1.65}.whatsapp-join-btn{color:#fff;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;background:#14532d;border:none;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,opacity .2s;display:flex}.whatsapp-join-btn:hover{opacity:.95;background:#166534}.whatsapp-btn-icon{flex-shrink:0;font-size:15px}.prerecorded-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.pr-context-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:14px 20px;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000000a}.pr-context-card .highlight{color:#115e59;font-weight:600}.pr-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:4px 4px 0 0;align-items:flex-end;padding:0 4px;display:flex}.pr-tab-item{color:#94a3b8;cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:11px 20px 9px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.pr-tab-item:hover{color:#475569}.pr-tab-item.active{color:#115e59}.pr-tab-item.active:after{content:"";background:#115e59;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.pr-batch-summary{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;box-shadow:0 2px 10px #0f172a0a}.pr-batch-summary .pr-batch-label{letter-spacing:1px;color:#0f172a;opacity:.75;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.pr-batch-summary strong{color:#0f172a;font-size:16px;display:block}.pr-batch-summary p{color:#64748b;margin:4px 0 0;font-size:12px}.pr-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width<=960px){.pr-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.pr-course-grid{grid-template-columns:1fr}}.pr-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;min-height:320px;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.pr-course-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0f172a14}.pr-course-thumbnail{aspect-ratio:16/9;object-fit:cover;background:#0f172a;width:100%;display:block}.pr-course-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 16px;display:flex}.pr-course-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.pr-course-desc{color:#475569;margin:0;font-size:13px;line-height:1.7}.pr-enter-btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#115e59;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 40px);margin:0 20px 20px;padding:14px 16px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.pr-enter-btn:hover{background:#0f4c47;transform:translateY(-1px)}.pr-back-link{color:#115e59;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.pr-back-link:hover{opacity:.75}.pr-module-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.pr-module-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.pr-module-grid{grid-template-columns:1fr 1fr}}.pr-module-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;align-items:center;gap:14px;padding:24px 16px 20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.pr-module-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #115e5924}.pr-module-seal{width:140px;height:140px}.pr-module-label{color:#115e59;text-align:center;font-size:15px;font-weight:600}.pr-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;max-width:600px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pr-video-frame{aspect-ratio:16/9;cursor:pointer;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pr-play-btn{background:#ffffff1f;border:2px solid #ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:54px;height:40px;transition:background .2s;display:flex}.pr-play-btn:hover{background:#ffffff38}.pr-play-triangle{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:18px solid #ffffffd9;width:0;height:0;margin-left:4px}.pr-server-label{text-align:center;color:#94a3b8;letter-spacing:.3px;border-top:1px solid #e2e8f0;padding:8px 16px;font-size:11px;font-weight:500}.pr-lecture-title-tag{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:740px;margin-top:10px;padding:16px 20px}.pr-lecture-title-tag span{color:#0f172a;font-size:16px;font-weight:800}.pr-lecture-title-tag span em{color:#64748b;font-style:normal;font-weight:400}.pr-playlist-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;max-width:740px;margin-top:10px;padding:20px;box-shadow:0 3px 16px #0f172a0f}.pr-playlist-container h4{color:#115e59;letter-spacing:.5px;margin:0 0 14px;font-size:12px;font-weight:800}.pr-playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=760px){.pr-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.pr-playlist-grid{grid-template-columns:1fr}}.pr-playlist-item{color:#334155;cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 10px;font-size:12px;font-weight:700;transition:all .2s}.pr-playlist-item:hover{background:#eff6ff}.pr-playlist-item.active{color:#fff;background:#115e59;border-color:#115e59}.myclasses-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.zoom-context-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:14px 20px;font-size:13px;font-weight:500;line-height:1.6;box-shadow:0 1px 3px #0000000a}.zoom-context-card .highlight{color:#115e59;font-weight:600}.zoom-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:4px 4px 0 0;align-items:flex-end;padding:0 4px;display:flex}.zoom-tab-item{color:#94a3b8;cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:11px 20px 9px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.zoom-tab-item.active{color:#115e59}.zoom-tab-item.active:after{content:"";background:#115e59;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.zoom-course-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;display:grid}@media (width<=960px){.zoom-course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.zoom-course-grid{grid-template-columns:1fr}}.zoom-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.zoom-course-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #115e591f}.zoom-course-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.zoom-course-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 12px;display:flex}.zoom-course-title{color:#115e59;margin:0;font-size:14px;font-weight:700}.zoom-course-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.65}.zoom-get-btn{color:#fff;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:#115e59;border:none;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px 16px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.zoom-get-btn:hover{background:#0f4c47}.zoom-back-link{color:#115e59;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.zoom-back-link:hover{opacity:.75}.zoom-sessions-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.zoom-sessions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.zoom-sessions-grid{grid-template-columns:1fr}}.zoom-session-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.zoom-session-card:hover{box-shadow:0 4px 12px #00000014}.session-card-header{align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.session-avatar-badge{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.session-meta-group{flex-direction:column;flex:1;gap:2px;display:flex}.session-title{color:#334155;margin:0;font-size:12px;font-weight:700}.session-datetime{color:#64748b;font-size:10px;font-weight:500}.session-more-btn{color:#94a3b8;cursor:pointer;align-items:center;font-size:16px;display:flex}.session-more-btn:hover{color:#64748b}.session-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.session-body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.session-passcode{color:#64748b;margin:0;font-size:12px;font-weight:600}.session-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.session-status-badge{text-transform:capitalize;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.session-status-badge.locked{color:#64748b;background:#f1f5f9}.session-status-badge.live{color:#ef4444;background:#fee2e2}.session-status-badge.missed{color:#d97706;background:#fffbeb}.session-status-badge.attended{color:#16a34a;background:#dcfce7}.session-status-badge.conducted{color:#92400e;background:#f8faf3}.pulse-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse;box-shadow:0 0 #ef4444b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.session-action-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:4px 6px;font-size:11px;font-weight:700;transition:color .15s}.session-action-btn.disabled{color:#94a3b8;cursor:not-allowed;font-weight:600}.session-action-btn.join-live{color:#115e59;background:#fff;border:1px solid #115e59;border-radius:4px;align-items:center;gap:4px;padding:5px 10px;transition:all .2s;display:inline-flex}.session-action-btn.join-live:hover{color:#fff;background:#115e59}.session-action-btn.play-video-toggle{color:#16a34a;align-items:center;gap:4px;font-weight:600;display:inline-flex}.session-action-btn.play-video-toggle:hover{opacity:.85}.inline-player-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;grid-column:span 3;margin-top:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}@media (width<=1024px){.inline-player-card{grid-column:span 2}}@media (width<=700px){.inline-player-card{grid-column:span 1}}.inline-video-frame{aspect-ratio:16/9;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.inline-play-btn{cursor:pointer;background:#ffffff1f;border:2px solid #ffffff8c;border-radius:6px;justify-content:center;align-items:center;width:50px;height:36px;transition:background .2s;display:flex}.inline-play-btn:hover{background:#ffffff38}.inline-play-triangle{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid #ffffffd9;width:0;height:0;margin-left:3px}.inline-server-label{text-align:center;color:#94a3b8;background:#fff;border-top:1px solid #e2e8f0;padding:8px 12px;font-size:11px;font-weight:500}.inline-lecture-title-tag{background:#fff;border-top:1px solid #f1f5f9;padding:10px 14px}.inline-lecture-title-tag span{color:#115e59;font-size:14px;font-weight:700}.processing-text{color:#94a3b8;margin-top:12px;font-size:12px;font-weight:500}.quiz-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.quiz-context-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:14px 20px;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000000a}.quiz-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:4px 4px 0 0;align-items:flex-end;padding:0 4px;display:flex}.quiz-tab-item{color:#94a3b8;cursor:pointer;letter-spacing:.6px;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:11px 20px 9px;font-size:12px;font-weight:700;transition:color .2s;position:relative}.quiz-tab-item:hover{color:#475569}.quiz-tab-item.active{color:#115e59}.quiz-tab-item.active:after{content:"";background:#115e59;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.quiz-course-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;display:grid}@media (width<=960px){.quiz-course-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.quiz-course-grid{grid-template-columns:1fr}}.quiz-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;transition:box-shadow .22s,transform .22s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.quiz-course-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #115e5921}.quiz-course-band{background:linear-gradient(90deg,#115e59,#71cc8c);height:6px}.quiz-course-body{flex-direction:column;flex:1;gap:8px;padding:18px 18px 14px;display:flex}.quiz-course-title{color:#115e59;margin:0;font-size:14px;font-weight:700;line-height:1.4}.quiz-course-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.7}.quiz-get-btn{color:#fff;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;background:#115e59;border:none;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px 16px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.quiz-get-btn:hover{background:#0f4c47}.quiz-back-link{color:#115e59;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.quiz-back-link:hover{opacity:.75}.quiz-module-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.quiz-module-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.quiz-module-grid{grid-template-columns:1fr 1fr}}.quiz-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px 20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #0000000f}.quiz-module-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #115e5924}.quiz-module-seal{width:130px;height:130px}.quiz-module-label{color:#1e293b;text-align:center;font-size:13.5px;font-weight:700;line-height:1.3}.quiz-module-btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 12px;font-size:12px;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.quiz-module-btn.completed{color:#fff;cursor:default;background:#94a3b8}.quiz-module-btn.available{color:#fff;cursor:pointer;background:#eab308}.quiz-module-btn.available:hover{opacity:.88;transform:scale(1.02)}.quiz-module-btn.locked{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}.quiz-exam-paper{background:#fff;border:1px solid #e2e8f0;border-radius:4px;max-width:860px;padding:32px 36px 28px;box-shadow:0 1px 6px #0000000f}.quiz-question-block{flex-direction:column;gap:4px;margin-bottom:28px;display:flex}.quiz-question-block:last-of-type{margin-bottom:0}.quiz-question-text{color:#1e293b;align-items:flex-start;gap:6px;margin-bottom:14px;font-size:13.5px;font-weight:600;line-height:1.65;display:flex}.quiz-question-dot{background:#1e293b;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.quiz-options-list{flex-direction:column;gap:8px;padding-left:16px;display:flex}.quiz-option-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;padding:9px 14px;transition:background .15s;display:flex}.quiz-option-row:hover{background:#f1f5f9}.quiz-option-row.selected{background:#f1f5f9;border-color:#cbd5e1}.quiz-radio-circle{background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s;display:flex}.quiz-option-row.selected .quiz-radio-circle{border-width:2.5px;border-color:#115e59}.quiz-radio-inner-dot{opacity:0;background:#115e59;border-radius:50%;width:8px;height:8px;transition:opacity .15s,transform .15s;transform:scale(0)}.quiz-option-row.selected .quiz-radio-inner-dot{opacity:1;transform:scale(1)}.quiz-option-label{color:#64748b;flex-shrink:0;width:18px;font-size:11.5px;font-weight:700}.quiz-option-text{color:#334155;font-size:13px;font-weight:500;line-height:1.5}.quiz-question-divider{background:#f1f5f9;height:1px;margin:24px 0}.quiz-exam-footer{border-top:1px solid #f1f5f9;align-items:center;margin-top:4px;padding-top:28px;display:flex}.quiz-submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:#10b981;border:none;border-radius:4px;align-items:center;gap:8px;padding:11px 28px;font-size:13px;font-weight:700;transition:background .2s,transform .15s;display:flex}.quiz-submit-btn:hover{background:#059669;transform:translateY(-1px)}.quiz-submit-btn:active{transform:translateY(0)}.quiz-result-banner{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #6ee7b7;border-radius:6px;align-items:center;gap:14px;margin-top:20px;padding:18px 24px;display:flex}.quiz-result-icon{font-size:26px}.quiz-result-text{color:#065f46;font-size:14px;font-weight:700}.quiz-result-sub{color:#047857;margin-top:3px;font-size:12px;font-weight:500}.assignments-wrapper{flex-direction:column;gap:14px;width:100%;display:flex}.assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000d}.assignment-card:hover{box-shadow:0 4px 14px #115e5917}.assignment-card.missed{border-left:4px solid #f87171}.assignment-card.active_upload{border-left:4px solid #eab308}.assignment-card.checking_in_progress{border-left:4px solid #f59e0b}.assignment-card.graded{border-left:4px solid #22c55e}.assignment-card-top{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 12px;display:flex}.assignment-title-block{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.assignment-course-title{color:#1e293b;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:flex}.assignment-batch-sup{color:#64748b;letter-spacing:.4px;vertical-align:super;font-size:10.5px;font-weight:700;line-height:0}.assignment-instruction-text{color:#64748b;max-width:680px;margin:0;font-size:11.5px;line-height:1.7}.assignment-action-panel{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.assignment-deadline-pill{color:#fff;letter-spacing:.3px;white-space:nowrap;background:#15803d;border-radius:4px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.assignment-how-btn{color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:#1e293b;border:none;border-radius:4px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:700;transition:background .18s;display:inline-flex}.assignment-how-btn:hover{background:#0f172a}.assignment-view-doc-btn{color:#fff;cursor:not-allowed;letter-spacing:.2px;white-space:nowrap;opacity:.8;background:#94a3b8;border:none;border-radius:4px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.assignment-upload-zone{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.assignment-file-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:4px;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:8px 14px;display:flex}.assignment-file-choose-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:3px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s}.assignment-file-choose-btn:hover{background:#cbd5e1}.assignment-file-name-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:11px;font-style:italic;overflow:hidden}.assignment-upload-btn{color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:#115e59;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:11.5px;font-weight:700;transition:background .18s,transform .13s;display:inline-flex}.assignment-upload-btn:hover{background:#0f4c47;transform:translateY(-1px)}.assignment-upload-btn:active{transform:translateY(0)}.assignment-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 20px 14px;display:flex}.assignment-status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.assignment-status-badge.missed{color:#ef4444;background:#fee2e2}.assignment-status-badge.active_upload{color:#a16207;background:#fef9c3}.assignment-status-badge.checking_in_progress{color:#d97706;background:#fef3c7}.assignment-status-badge.graded{color:#16a34a;background:#dcfce7}.assignment-marks-pill{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.assignment-marks-pill.marks-missed{color:#ef4444;background:#fee2e2}.assignment-marks-pill.marks-pending{color:#94a3b8;background:#f1f5f9}.assignment-marks-pill.marks-graded{color:#15803d;background:#dcfce7}.assignment-upload-success{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;align-items:center;gap:10px;margin:0 20px 14px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.projects-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.course-title{color:#111827;font-size:1.125rem;font-weight:600}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.card-subtext{color:#4b5563;margin-bottom:1rem;font-size:.875rem;line-height:1.4}.card-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.footer-left{align-items:center;gap:.5rem;display:flex}.marks-pill{background:#f9fafb;border-radius:.375rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500}.deadline-pill{background:#f0fdf4;border-radius:.375rem;margin-right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.action-btn{cursor:pointer;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;transition:background-color .2s}.missed-btn{color:#b91c1c;background:#fef2f2}.missed-btn:hover{background:#fee2e2}.submit-btn{color:#fff;background:#166534}.submit-btn:hover{background:#14532d}.action-btn.disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.submission-group{align-items:center;gap:.5rem;display:flex}.submission-input{border:1px solid #d1d5db;border-radius:.375rem;flex:1;min-width:140px;padding:.35rem .5rem;font-size:.8125rem}@media (width<=640px){.project-card{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.card-footer{flex-direction:column;align-items:flex-start}}.res-wrapper{width:100%;max-width:1240px;font-family:var(--body-font);flex-direction:column;gap:22px;margin:0 auto;padding:24px 24px 40px;display:flex}.res-page-header{color:#fff;background:linear-gradient(90deg,#115e59 0%,#2f855a 35%,#d4af37 100%);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:28px 30px;display:flex;box-shadow:0 24px 60px #115e591a}.res-page-title{letter-spacing:.01em;margin:0;font-size:1.625rem;font-weight:700}.res-page-meta{text-align:right;flex-direction:column;gap:4px;display:flex}.res-page-meta span,.res-breadcrumb{opacity:.9;font-size:.95rem}.res-batch-tab{align-self:flex-start}.res-batch-label{color:#065f46;background:#f0fdf4;border:1px solid #d1fae5;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.res-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;gap:20px;width:100%;display:flex;overflow:hidden;box-shadow:0 18px 40px #0f172a0a}.res-card-top{padding:28px 28px 0}.res-title-block{flex-direction:column;gap:12px;display:flex}.res-course-title{color:#0f172a;margin:0;font-size:1.45rem;font-weight:700}.res-batch-sup{color:#15803d;margin-left:.5rem;font-size:.85rem;font-weight:700}.res-instruction-text{color:#334155;max-width:780px;margin:0;font-size:.98rem;line-height:1.75}.res-grade-table{border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 28px 0;display:grid}.res-grade-row{color:#1f2937;background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;font-size:.96rem;display:flex}.res-grade-row:nth-child(5){background:#fff;border:1px solid #e5e7eb;grid-column:span 2}.res-grade-total .res-grade-label{font-weight:700}.res-grade-label{color:#475569}.res-grade-value{color:#0f172a;font-weight:700}.res-card-bottom{flex-direction:column;gap:20px;padding:0 28px 28px;display:flex}.res-status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.res-badge-passed{color:#166534;background:#dcfce7}.res-badge-failed{color:#b91c1c;background:#fee2e2}.res-pass-block,.res-fail-block{flex-direction:column;gap:18px;display:flex}.res-certificate-frame{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #115e591f;border-radius:22px;min-height:340px;padding:28px 28px 30px;position:relative;overflow:hidden}.res-cert-corner{opacity:.4;border:2px solid #115e59;border-radius:18px;width:20px;height:20px;position:absolute}.res-cert-tl{top:16px;left:16px}.res-cert-tr{top:16px;right:16px}.res-cert-bl{bottom:16px;left:16px}.res-cert-br{bottom:16px;right:16px}.res-cert-watermark{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.res-cert-org,.res-cert-sub,.res-cert-body,.res-cert-sign-label{margin:0}.res-cert-org{letter-spacing:.15em;text-transform:uppercase;color:#065f46;opacity:.8;font-size:.76rem}.res-cert-heading{color:#0f172a;text-align:center;margin:12px 0 6px;font-size:1.25rem}.res-cert-badge{color:#115e59;background:#115e5914;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin:0 auto 12px;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.res-cert-badge-icon{width:18px;height:18px;display:block}.res-cert-sub{color:#475569;text-align:center;margin-top:0;font-size:.95rem}.res-cert-name{text-align:center;color:#115e59;margin:18px 0 8px;font-size:1.75rem}.res-cert-body{text-align:center;color:#475569;max-width:82%;margin:0 auto;font-size:.97rem;line-height:1.9}.res-cert-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px;display:grid}.res-cert-sign-block{flex-direction:column;align-items:center;gap:10px;display:flex}.res-cert-sign-line{background:#0f172a1f;width:100%;height:1px}.res-cert-sign-label{color:#334155;font-size:.85rem}.res-download-btn,.res-reenroll-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:16px 20px;font-size:.98rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.res-download-btn{color:#fff;background:#115e59;box-shadow:0 14px 32px #115e591f}.res-download-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 18px 36px #115e5933}.res-download-btn:focus-visible{outline-offset:3px;outline:3px solid #e5e7e9cc}.res-reenroll-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.res-reenroll-btn:disabled{opacity:.7;cursor:not-allowed}.res-fail-notice{background:#fef9c3;border:1px solid #facc15;border-radius:18px;padding:22px}.res-fail-notice-text{color:#92400e;margin:0;font-size:.96rem;line-height:1.75}@media (width<=900px){.res-page-header{text-align:left;flex-direction:column}.res-grade-table,.res-cert-footer{grid-template-columns:1fr}}@media (width<=640px){.res-wrapper{padding:18px 18px 32px}.res-page-header{padding:20px}.res-card{border-radius:20px}.res-grade-row{padding:16px}}