@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main:#fafaf9;--bg-card:#fff;--bg-card-light:#f2f8f4;--primary-green:#00873c;--primary-green-hover:#007032;--dark-green:#0e361a;--light-green:#ebf5e9;--accent-gold:#e8950f;--accent-gold-light:#fef3dc;--text-main:#1c1c1c;--text-muted:#6b7280;--border-color:#e2ead8;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 4px 12px #0e361a0a;--shadow-md:0 8px 24px #0e361a14;--shadow-lg:0 16px 40px #0e361a1f;--rsb-red:var(--primary-green);--rsb-red-hover:var(--primary-green-hover);--rsb-navy:var(--dark-green);--ibbu-gold:var(--accent-gold);--ibbu-gold-light:var(--accent-gold-light);--ibbu-green-light:var(--light-green)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.text-muted{color:var(--text-muted)}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--rsb-red)}.btn-primary{background-color:var(--rsb-red);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.85rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .18s,background-color .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 10px 24px #3d8b3729}.btn-primary:hover{background-color:var(--rsb-red-hover);transform:translateY(-1px);box-shadow:0 14px 30px #3d8b3738}.btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;background-color:#94a3b8}.btn-secondary{color:#1f2937;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.85rem 1.4rem;font-size:.95rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.btn-secondary:hover{background:#eef2f7;border-color:#cbd5e1;transform:translateY(-1px)}.btn-ghost{color:#334155;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;min-height:42px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.rsb-btn-primary{background:var(--rsb-red);color:#fff;border:1px solid var(--rsb-red);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 22px #3d8b3726}.rsb-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.rsb-btn-secondary{color:#1f2937;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.modal-footer button{min-width:120px}.container{max-width:1200px;margin:0 auto;padding:1rem}.flex-center{justify-content:center;align-items:center;display:flex}.page-wrapper{padding-bottom:75px}@media (width>=1024px){.page-wrapper{padding-bottom:0}}.ck-editor__editable_inline{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:180px;color:var(--text-main);background:#fff;padding:.95rem 1rem;font-family:inherit;font-size:.95rem}.ck-editor__editable_inline:focus{border-color:var(--rsb-red);outline:none;box-shadow:0 0 0 4px #39963c1f}.ck-toolbar{border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border-color);border-bottom:none;background:#f8fafc!important}.ck-rounded-corners .ck-editor__editable_inline{border-radius:0 0 var(--radius-md) var(--radius-md)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-overlay{animation:.22s cubic-bezier(.16,1,.3,1) forwards drawerFadeIn}.drawer-content{animation:.28s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn}.sidebar-container{z-index:150;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:240px;height:100vh;padding-bottom:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-260px}.sidebar-container.open{transform:translate(260px)}.sidebar-overlay{z-index:140;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;position:fixed;inset:0}.sb-header{background:#fff;border-bottom:1px solid #f3f4f6;flex-shrink:0;align-items:center;height:64px;padding:0 1.5rem;display:flex}.sb-logo{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.sb-nav-section-wrapper{flex:1;padding:1rem .75rem;overflow-y:auto}.sb-nav-section-wrapper::-webkit-scrollbar{width:4px}.sb-nav-section-wrapper::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.sb-nav-list{flex-direction:column;gap:.25rem;display:flex}.sb-nav-link{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sb-nav-link:hover{color:#111827;background:#f3f4f6}.sb-nav-link-icon{color:#9ca3af;align-items:center;transition:color .2s;display:flex}.sb-nav-link:hover .sb-nav-link-icon{color:#4b5563}.sb-nav-link.active{color:#094a21;background:#eef6f0;font-weight:600}.sb-nav-link.active .sb-nav-link-icon{color:#094a21}.sb-profile-bottom-container{cursor:pointer;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:background .2s;display:flex}.sb-profile-bottom-container:hover{background:#f9fafb}.sb-profile-bottom-avatar{color:#fff;background:#094a21;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.sb-profile-bottom-info{flex-direction:column;flex:1;min-width:0;display:flex}.sb-profile-bottom-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sb-profile-bottom-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sb-profile-bottom-chevron{color:#9ca3af;flex-shrink:0}@media (width>=1024px){.sidebar-container{height:100vh;top:0;transform:translate(260px);box-shadow:2px 0 10px #00000008}.sidebar-overlay{display:none}}.topnav-bar{z-index:200;border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;gap:.75rem;width:100%;height:56px;padding:0 1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #142c1612}.topnav-left{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.topnav-hamburger{cursor:pointer;color:var(--text-main);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:background .18s;display:flex}.topnav-hamburger:hover{background:var(--bg-card-light)}.topnav-logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;text-decoration:none;display:flex}.topnav-logo-mark{flex-shrink:0;width:28px;height:28px;position:relative}.tlm-sq{border-radius:3px;width:16px;height:16px;position:absolute}.tlm-sq-green{background:var(--rsb-red);top:0;left:0}.tlm-sq-gold{background:var(--ibbu-gold);bottom:0;right:0}.topnav-logo-text{flex-direction:column;line-height:1;display:flex}.tlt-ibbu{color:var(--rsb-red);letter-spacing:1px;font-size:.82rem;font-weight:800}.tlt-sub{color:var(--rsb-navy);letter-spacing:.5px;opacity:.75;font-size:.6rem;font-weight:600}.topnav-search{border:1px solid var(--border-color);background:#f3f4f6;border-radius:24px;align-items:center;gap:.5rem;min-width:240px;max-width:320px;padding:.45rem 1.25rem;transition:border-color .2s,background .2s,box-shadow .2s;display:none}.topnav-search.focused{border-color:var(--primary-green);background:#fff;box-shadow:0 0 0 3px #00873c1a}.topnav-search-icon{color:var(--text-muted);flex-shrink:0}.topnav-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.88rem}.topnav-search input::placeholder{color:var(--text-muted)}.topnav-center{flex:1;justify-content:center;align-items:stretch;gap:0;height:100%;display:flex}.topnav-item{cursor:pointer;min-width:72px;color:var(--text-muted);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;padding:0 1rem;font-family:inherit;font-size:.72rem;font-weight:500;transition:color .18s;display:flex;position:relative}.topnav-item:hover{color:var(--text-main)}.topnav-item.active{color:var(--text-main);font-weight:700}.topnav-item-icon{justify-content:center;align-items:center;transition:transform .15s;display:flex}.topnav-item:hover .topnav-item-icon{transform:translateY(-1px)}.topnav-item-label{white-space:nowrap;font-size:.7rem}.topnav-active-bar{background:var(--rsb-navy);border-radius:2px 2px 0 0;width:70%;height:2.5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.topnav-item-label,.topnav-item:not(.mobile-show){display:none}.topnav-right{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.topnav-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:56px;padding:0 .6rem;font-family:inherit;font-size:.7rem;font-weight:500;transition:color .18s;display:flex;position:relative}.topnav-icon-btn:hover{color:var(--text-main)}.topnav-icon-label{display:none}.topnav-badge{background:var(--ibbu-gold);color:var(--rsb-navy);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:8px;right:4px;box-shadow:0 1px 4px #00000026}.topnav-divider{background:var(--border-color);width:1px;height:32px;margin:0 .25rem}.topnav-me-wrap{position:relative}.topnav-me-btn{cursor:pointer;height:56px;color:var(--text-muted);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 .6rem;font-family:inherit;transition:color .18s;display:flex}.topnav-me-btn:hover,.topnav-me-btn.open{color:var(--text-main)}.topnav-avatar{background:linear-gradient(135deg, var(--rsb-red), var(--rsb-navy));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #142c1633}.topnav-me-label{font-size:.7rem;font-weight:500;display:none}.topnav-chevron{transition:transform .2s;display:none}.topnav-chevron.rotated{transform:rotate(180deg)}.topnav-me-dropdown{border:1px solid var(--border-color);z-index:300;background:#fff;border-radius:12px;width:240px;animation:.18s dropIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #142c1624}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tmd-profile-card{background:var(--ibbu-green-light);align-items:center;gap:.85rem;padding:1rem;display:flex}.tmd-avatar-lg{background:linear-gradient(135deg, var(--rsb-red), var(--rsb-navy));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 3px 10px #142c1633}.tmd-profile-info{flex-direction:column;min-width:0;display:flex}.tmd-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.tmd-role{color:var(--rsb-red);text-transform:capitalize;letter-spacing:.3px;font-size:.72rem;font-weight:500}.tmd-divider{background:var(--border-color);height:1px;margin:.25rem 0}.tmd-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem .25rem;font-size:.68rem;font-weight:700}.tmd-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.tmd-item:hover{background:var(--bg-card-light)}.tmd-item svg{color:var(--text-muted);flex-shrink:0}.tmd-logout{color:var(--rsb-red);margin-bottom:.25rem}.tmd-logout svg{color:var(--rsb-red)}.tmd-logout:hover{background:#3d8b3712}@media (width>=640px){.topnav-search,.topnav-item:not(.mobile-show){display:flex}.topnav-icon-label,.topnav-me-label,.topnav-chevron{display:block}}@media (width>=1024px){.topnav-bar{padding:0 1.5rem}.topnav-hamburger{display:none}.topnav-item{min-width:80px;padding:0 1.25rem}.topnav-item-label{display:block}.topnav-search{min-width:240px;max-width:300px}.topnav-logo{display:none}}:root{--rsb-navy:#0e361a;--rsb-red:#00873c;--rsb-accent:#10b981;--rsb-card-bg:#ffffffd9;--rsb-card-border:#e2e8f0cc;--loader-shadow:#0e361a14}.elearning-loader-container{box-sizing:border-box;z-index:1000;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex;position:relative}.elearning-loader-container.fullscreen{z-index:9999;background:radial-gradient(circle,#0f381d,#051a0b);width:100vw;height:100vh;padding:0;position:fixed;top:0;left:0}.elearning-loader-container.fullscreen .loader-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051a0b66;width:100%;height:100%;position:absolute;top:0;left:0}.elearning-loader-container.fullscreen .loader-card{color:#f8fafc;background:#051a0bbf;border:1px solid #ffffff1a;width:310px;box-shadow:0 25px 50px -12px #00000080}.elearning-loader-container.fullscreen .loader-title{color:#f8fafc}.elearning-loader-container.fullscreen .loader-message{color:#a7f3d0}.elearning-loader-container.fullscreen .floating-cap{color:var(--rsb-accent)}.loader-card{background:var(--rsb-card-bg);border:1px solid var(--rsb-card-border);width:280px;max-width:95%;box-shadow:0 15px 20px -5px var(--loader-shadow), 0 8px 8px -5px var(--loader-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;z-index:10;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem 1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) both cardFadeIn;display:flex;position:relative;overflow:hidden}.cap-container{flex-direction:column;align-items:center;margin-bottom:.85rem;display:flex;position:relative}.floating-cap{color:var(--rsb-red);filter:drop-shadow(0 3px 4px #00873c26);transform-origin:bottom;animation:3s ease-in-out infinite floatCap}.cap-shadow{filter:blur(2px);background:#0003;border-radius:50%;width:30px;height:5px;margin-top:3px;animation:3s ease-in-out infinite scaleShadow}.book-animation{perspective:120px;width:50px;height:32px;margin-bottom:.85rem;position:relative}.book-spine{z-index:5;background:#64748b;border-radius:1px;width:3px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.page{width:24px;height:100%;transform-style:preserve-3d;transform-origin:100%;border-radius:1px 3px 3px 1px;position:absolute;top:0}.page-left{background:linear-gradient(270deg,#e2e8f0,#cbd5e1);border-right:1px solid #94a3b8;left:1px;transform:rotateY(0)}.page-right{transform-origin:0;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-left:1px solid #94a3b8;right:1px;transform:rotateY(0)}.page-middle-1,.page-middle-2,.page-middle-3{background:linear-gradient(270deg,#f8fafc,#e2e8f0);border-right:1px solid #cbd5e1;left:1px}.page-middle-1{animation:2s linear infinite flipPage1}.page-middle-2{animation:2s linear .35s infinite flipPage2}.page-middle-3{animation:2s linear .7s infinite flipPage3}.loader-icons-orbit{pointer-events:none;position:absolute;inset:10px}.orbit-icon{width:24px;height:24px;color:var(--rsb-accent);background:#10b98114;border:1px solid #10b98126;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.orbit-icon.icon-1{animation:6s linear infinite orbitRotate1;top:10px;left:10px}.orbit-icon.icon-2{animation:6s linear infinite orbitRotate2;bottom:10px;right:10px}.loader-text-wrapper{margin-bottom:.85rem}.loader-title{color:var(--rsb-navy);letter-spacing:.5px;margin:0 0 .25rem;font-size:1.05rem;font-weight:800}.loader-message{color:#475569;justify-content:center;align-items:center;min-height:2.2rem;margin:0;font-size:.8rem;font-weight:500;line-height:1.4;transition:all .3s;display:flex}.loader-progress-bar{background:#e2e8f0;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.fullscreen .loader-progress-bar{background:#334155}.loader-progress-fill{background:linear-gradient(90deg, var(--rsb-accent), var(--rsb-red), var(--rsb-accent));background-size:200% 100%;border-radius:2px;width:50%;height:100%;animation:1.8s ease-in-out infinite progressPulse,2s linear infinite progressMove}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatCap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@keyframes scaleShadow{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.1;transform:scale(.75)}}@keyframes flipPage1{0%{z-index:3;transform:rotateY(0)}50%,to{z-index:1;transform:rotateY(-180deg)}}@keyframes flipPage2{0%{z-index:3;transform:rotateY(0)}50%,to{z-index:1;transform:rotateY(-180deg)}}@keyframes flipPage3{0%{z-index:3;transform:rotateY(0)}50%,to{z-index:1;transform:rotateY(-180deg)}}@keyframes orbitRotate1{0%{transform:translate(0)scale(1)}50%{transform:translate(8px,6px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes orbitRotate2{0%{transform:translate(0)scale(1)}50%{transform:translate(-8px,-6px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes progressPulse{0%,to{width:35%}50%{width:75%}}@keyframes progressMove{0%{background-position:0%;left:-20%}to{background-position:200%;left:100%}}.elearning-loader-container.small .loader-card{border-radius:12px;width:220px;padding:1rem .85rem}.elearning-loader-container.small .floating-cap{transform:scale(.65)}.elearning-loader-container.small .book-animation{margin-bottom:.5rem;transform:scale(.65)}.elearning-loader-container.small .loader-icons-orbit{display:none}.elearning-loader-container.small .loader-title{font-size:.9rem}.elearning-loader-container.small .loader-message{min-height:1.8rem;font-size:.72rem}.elearning-loader-container.large .loader-card{width:360px;padding:2.5rem 2rem}.layout-wrapper{min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.layout-content{flex:1;padding-bottom:70px}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:100;background-color:#fffffff2;justify-content:space-around;align-items:center;width:100%;height:65px;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #152c160d}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:20%;height:100%;font-family:inherit;font-size:.65rem;font-weight:600;transition:color .2s,transform .1s;display:flex}.nav-item svg{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-item:active{transform:scale(.92)}.nav-item span{display:block}.nav-item.active{color:var(--rsb-red)}.nav-item.active svg{color:var(--rsb-red);transform:translateY(-2px)}@media (width>=1024px){.main-wrapper{margin-left:240px}.layout-content{padding-bottom:0}.bottom-nav{display:none}}.login-container{background-color:var(--bg-card-light);min-height:100vh;padding:2rem}.login-card{border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:#fff;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.rsb-logo-large{width:60px;height:60px;margin-bottom:.5rem;position:relative}.rsb-logo-large .square-red,.rsb-logo-large .square-navy{width:35px;height:35px}.login-header h1{color:var(--text-main);font-size:1.5rem}.login-header p{color:var(--text-muted);font-size:.9rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}@media (width<=640px){.input-row{grid-template-columns:1fr}}.demo-accounts-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.demo-title{letter-spacing:1px;color:#6b7280;font-size:.7rem;font-weight:700}.demo-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}@media (width<=480px){.demo-grid{grid-template-columns:1fr}}.demo-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5rem .75rem;transition:all .2s;display:flex}.demo-btn:hover{border-color:var(--primary-green);background:var(--bg-card-light);transform:translateY(-1px)}.demo-name{color:#111827;font-size:.82rem;font-weight:600}.demo-role-badge{border-radius:4px;margin-top:.25rem;padding:.1rem .35rem;font-size:.62rem;font-weight:700}.role-student{color:#0369a1;background:#e0f2fe}.role-lecturer{color:#6b21a8;background:#f3e8ff}.role-sub_admin{color:#92400e;background:#fef3c7}.role-super_admin{color:#065f46;background:#d1fae5}.login-divider{text-align:center;color:#9ca3af;align-items:center;font-size:.72rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.login-submit-btn{width:100%;margin-top:.5rem}.login-error-banner{color:#dc2626;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500;animation:.2s ease-in-out fadeInError;display:flex}.login-error-banner .error-icon{flex-shrink:0;font-size:1.1rem}.login-error-banner .error-text{line-height:1.25}@keyframes fadeInError{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-tabs{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:.25rem;width:100%;padding:.25rem;display:flex}.login-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.login-tab.active{color:var(--primary-green);background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.login-tab:hover:not(.active){color:var(--primary-green)}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:1.25rem}.login-footer p{color:var(--text-muted);margin:.25rem 0;font-size:.78rem;line-height:1.45}.login-footer .highlight-ibbu{color:var(--accent-gold);font-weight:700}.login-footer .highlight-ict{color:var(--primary-green);font-weight:700}.login-footer .highlight-deez{color:var(--dark-green);font-weight:600}.login-link{color:var(--primary-green);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--primary-green-dark,#047857);text-decoration:underline}.login-loading-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background-color:#ffffff73;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeInOverlay;display:flex;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:.45s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{background:linear-gradient(135deg, var(--dark-green), var(--primary-green));border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);border-left:6px solid #ffffff40;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.welcome-banner:before{content:"";pointer-events:none;background:#ffffff1f;border-radius:999px;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.welcome-banner-content h1{letter-spacing:-.5px;margin:0 0 .75rem;font-size:clamp(1.9rem,2.5vw,2.4rem);font-weight:700}.welcome-banner-content p{color:#ffffffe6;max-width:58rem;margin:0;font-size:1rem}.welcome-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.12em;background-color:#ffffff29;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #e2e8f0e6;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;position:relative}.stat-card:after{content:"";pointer-events:none;background:#3d8b3714;border-radius:999px;width:100px;height:100px;position:absolute;top:-10px;right:-20px}.stat-icon-wrapper{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%)}.stat-icon-wrapper.red{background:linear-gradient(135deg, var(--rsb-red) 0%, #ef4444 100%)}.stat-icon-wrapper.green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.stat-icon-wrapper.purple{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.stat-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.1}.stat-label{color:#475569;margin-top:.35rem;font-size:.92rem;font-weight:600}.dashboard-grid-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=992px){.dashboard-grid-layout{grid-template-columns:2fr 1fr}}.dashboard-card-section{border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e2e8f0e6;padding:1.75rem;box-shadow:0 10px 30px #0f172a0d}.dashboard-card-section h2{color:var(--dark-green);border-bottom:2px solid #f1f5f9;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.18rem;font-weight:700;display:flex}.chart-section-wrapper{border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e2e8f0e6;margin-bottom:2.5rem;padding:1.75rem;box-shadow:0 10px 30px #0f172a0d}.chart-section-wrapper h2{margin:0 0 1.25rem}.chart-inner-layout{grid-template-columns:1fr;align-items:center;gap:1.5rem;display:grid}@media (width>=768px){.chart-inner-layout{grid-template-columns:3fr 2fr}}.chart-svg-container{border-radius:var(--radius-md);background-color:#f6fbf8;border:1px dashed #d1d5db;justify-content:center;align-items:center;width:100%;min-height:260px;padding:1rem;display:flex}.chart-bar-rect:hover{opacity:.85;transform:translateY(-2px)}.chart-legend-container{flex-direction:column;gap:.75rem;display:flex}.chart-legend-header{color:#334155;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding-bottom:.35rem;font-size:.85rem;font-weight:700}.chart-legend-list{flex-direction:column;gap:.5rem;display:flex}.chart-legend-item{color:#475569;border-radius:var(--radius-sm);border-left:3px solid var(--rsb-red);background-color:#f5fbf5;align-items:center;gap:.75rem;padding:.45rem .75rem;font-size:.8rem;transition:background-color .2s;display:flex}.chart-legend-item:hover{background-color:#eef7ef}.chart-legend-badge{color:#fff;background-color:var(--rsb-red);text-align:center;border-radius:4px;min-width:32px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.chart-legend-title{color:#1e293b;flex:1;font-weight:600}.chart-legend-value{color:var(--rsb-navy);font-weight:700}.quick-actions-flex{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.action-tile{border-radius:var(--radius-lg);cursor:pointer;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:150px;padding:1.3rem 1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.action-tile svg{width:40px;height:40px;color:var(--rsb-red);transition:transform .2s}.action-tile:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-3px)}.action-tile:hover svg{transform:scale(1.1)}.action-tile span{text-align:center;font-size:.9rem;font-weight:700}.student-courses-progress{gap:1rem;display:grid}.course-progress-card{border-radius:var(--radius-md);background-color:#fff;border:1px solid #e2e8f0f2;flex-direction:column;gap:.75rem;padding:1.25rem 1.3rem;transition:border-color .2s,box-shadow .2s;display:flex}.course-progress-card:hover{border-color:#94a3b8e6;box-shadow:0 8px 20px #0f172a0f}.course-progress-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.course-progress-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.instructor-tag{color:#64748b;margin-top:.35rem;font-size:.85rem}.progress-container{flex-direction:column;gap:.45rem;margin-top:.25rem;display:flex}.progress-track{background-color:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--rsb-navy) 0%, var(--rsb-red) 100%);border-radius:999px;height:100%;transition:width .6s ease-out}.progress-meta{color:#475569;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.progress-percent{color:var(--rsb-red);font-weight:700}.progress-status-text{color:#64748b}.assessments-due-list{gap:.75rem;display:grid}.assessment-due-item{border-radius:var(--radius-sm);background-color:#f8fafc;border-left:3px solid #64748b;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:transform .2s,box-shadow .2s;display:flex}.assessment-due-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.assessment-due-item.available{border-left-color:#10b981}.assessment-due-item.completed{background-color:#f0f6ff;border-left-color:#3b82f6}.assessment-due-info h4{color:#1e293b;margin:0 0 .3rem;font-size:.95rem;font-weight:700}.assessment-due-info span{color:#64748b;font-size:.83rem}.assessment-due-status{border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700}.assessment-due-status.completed{color:#2563eb;background-color:#dbeafe}.assessment-due-status.available{color:#059669;background-color:#d1fae5}.assessment-due-status.locked{color:#64748b;background-color:#e2e8f0}.lecturer-courses-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.lecturer-courses-grid{grid-template-columns:repeat(2,1fr)}}.lecturer-course-card{border-radius:var(--radius-md);background-color:#fff;border:1px solid #e2e8f0f2;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000008}.lecturer-course-card:hover{border-color:var(--rsb-red);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.lecturer-course-card h3{color:#1e293b;margin:0 0 .5rem;font-size:1rem}.lecturer-course-meta{color:#64748b;gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.lecturer-course-meta span{align-items:center;gap:.25rem;display:flex}.card-btn{background-color:var(--rsb-navy);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s;display:flex}.card-btn:hover{background-color:#14183d}.card-btn.secondary{color:#334155;background-color:#e2e8f0}.card-btn.secondary:hover{background-color:#cbd5e1}.card-actions-row{gap:.5rem;margin-top:.75rem;display:flex}.admin-courses-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.admin-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-weight:600}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.admin-table tr:hover{background-color:#f8fafc}.badge-assigned{color:#0369a1;background-color:#e0f2fe;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge-unassigned{color:#991b1b;background-color:#fee2e2;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.feedback-feed{flex-direction:column;gap:.75rem;display:flex}.feedback-feed-item{border-radius:var(--radius-sm);background-color:#f8fafc;border:1px solid #e2e8f0;padding:1rem}.feedback-feed-header{color:#64748b;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem;display:flex}.feedback-feed-title{color:#1e293b;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.feedback-feed-grade{color:#10b981;font-weight:700}.feedback-feed-comment{color:#475569;margin:0;font-size:.8rem;line-height:1.3}.user-breakdown-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-breakdown-avatar{color:#334155;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.user-breakdown-info{flex-direction:column;flex:1;display:flex}.user-breakdown-name{color:#1e293b;font-size:.85rem;font-weight:600}.role-tag{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.role-tag.student{color:#d97706;background-color:#fef3c7}.role-tag.lecturer{color:#0284c7;background-color:#e0f2fe}.role-tag.admin{color:#7c3aed;background-color:#f3e8ff}.live-notification-banner{border:1px solid #ffe4e6;border-left:5px solid var(--rsb-red);border-radius:var(--radius-lg,12px);background:linear-gradient(90deg,#fef2f2 0%,#fff1f2 100%);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;animation:3s infinite alternate pulseGlow;display:flex;box-shadow:0 4px 12px #ef44440d}.live-banner-left{align-items:center;gap:1rem;display:flex}.live-badge-glow{background-color:var(--rsb-red);color:#fff;letter-spacing:.5px;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #ef44444d}.pulse-dot{background-color:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s infinite dotPulse;display:inline-block}.live-banner-text{color:#1e293b;margin:0;font-size:.9rem;line-height:1.4}.live-banner-btn{background-color:var(--rsb-red);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;border:none;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #ef444433}.live-banner-btn:hover{background-color:#be123c;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}@keyframes pulseGlow{0%{border-color:#ffe4e6;box-shadow:0 4px 12px #ef44440d}to{border-color:#fda4af;box-shadow:0 4px 20px #ef444426}}@keyframes dotPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}@media (width<=768px){.live-notification-banner{flex-direction:column;align-items:flex-start;gap:1rem}.live-banner-left{flex-direction:column;align-items:flex-start;gap:.5rem}.live-banner-btn{justify-content:center;width:100%}}.dashboard-top-section{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=992px){.dashboard-top-section{grid-template-columns:2fr 1fr}}.student-welcome-card{background:linear-gradient(135deg, var(--dark-green), var(--primary-green));border-left:none;flex-direction:column;justify-content:center;margin-bottom:0;display:flex}.welcome-subtitle{opacity:.9;font-size:1.1rem;font-weight:500;margin-bottom:1.25rem!important}.welcome-search-bar{border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:.75rem;width:100%;max-width:440px;padding:.65rem 1rem;display:flex;box-shadow:0 4px 12px #00000014}.welcome-search-bar .search-icon{color:var(--text-muted)}.welcome-search-bar input{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.plant-growth-card{background:var(--bg-card-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1.75rem;display:flex;position:relative;overflow:hidden}.plant-card-content h3{color:var(--dark-green);font-size:1.35rem;font-weight:800;line-height:1.2}.plant-card-content p{color:var(--primary-green);margin-top:.5rem;font-size:.9rem;font-weight:600}.plant-illustration{flex-shrink:0}.continue-learning-section{margin-bottom:2.5rem}.continue-learning-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}@media (width>=768px){.continue-learning-card{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 2rem}}.continue-learning-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-green);transform:translateY(-2px)}.cl-course-info{align-items:center;gap:1rem;display:flex}.cl-course-icon-box{border-radius:var(--radius-md);background:var(--ibbu-green-light);width:48px;height:48px;color:var(--primary-green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-course-details h3{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.cl-course-meta{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.cl-progress-section{flex-direction:column;flex:1;gap:.35rem;max-width:320px;display:flex}.cl-progress-text{color:var(--primary-green);text-align:right;font-size:.85rem;font-weight:700}.cl-continue-btn{border-radius:var(--radius-md);align-self:flex-start;min-width:110px}@media (width>=768px){.cl-continue-btn{align-self:center}}.recommended-section{margin-bottom:2.5rem}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.btn-link-action{color:var(--primary-green);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.9rem;font-weight:700;transition:background .15s}.btn-link-action:hover{background:var(--ibbu-green-light)}.recommended-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.rec-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.rec-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-green);transform:translateY(-3px)}.rec-card-icon-box{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.rec-card.theme-purple .rec-card-icon-box{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.rec-card.theme-blue .rec-card-icon-box{background:linear-gradient(135deg,#60a5fa,#2563eb)}.rec-card.theme-gold .rec-card-icon-box{background:linear-gradient(135deg,#fbbf24,#d97706)}.rec-card.theme-green .rec-card-icon-box{background:linear-gradient(135deg,#34d399,#059669)}.rec-card-body{flex-direction:column;gap:.5rem;display:flex}.rec-card-body h3{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.rec-badge{color:#4b5563;background:#f3f4f6;border-radius:99px;align-self:flex-start;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.rec-footer{justify-content:space-between;align-items:center;display:flex}.rec-rating{color:var(--accent-gold);font-size:.85rem;font-weight:700}.user-breakdown-list{flex-direction:column;gap:0;display:flex}.user-breakdown-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:.85rem;padding:.85rem 0;transition:background .15s;display:flex}.user-breakdown-item:last-child{border-bottom:none}.user-breakdown-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.82rem;font-weight:700;display:flex}.user-breakdown-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.user-breakdown-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.user-breakdown-email{color:#94a3b8;font-size:.78rem}.role-tag{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:.22rem .65rem;font-size:.72rem;font-weight:700}.role-tag.student{background:var(--ibbu-green-light);color:var(--dark-green)}.role-tag.lecturer{color:#1d4ed8;background:#eff6ff}.role-tag.admin{color:#7e22ce;background:#faf5ff}.live-room-container{padding-top:1rem}.room-header{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.back-btn:hover{color:var(--rsb-red)}.room-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.live-indicator-pulse{background-color:var(--rsb-red);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #d9042980}70%{box-shadow:0 0 0 8px #d9042900}to{box-shadow:0 0 #d9042900}}.config-toggle-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.config-toggle-btn:hover{border-color:var(--rsb-red);color:var(--rsb-red)}.stream-config-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stream-config-card{background:#fff;border-radius:16px;width:100%;max-width:520px;padding:2rem;box-shadow:0 20px 60px #0003}.stream-config-card h3{color:var(--rsb-navy);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.stream-config-card p{color:var(--text-muted);margin:0 0 1.25rem;font-size:.88rem;line-height:1.5}.config-form{flex-direction:column;gap:1rem;display:flex}.config-form input{color:#334155;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.config-form input:focus{border-color:var(--rsb-red);outline:none}.config-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-cancel{border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:8px;padding:.55rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save{background:var(--rsb-red);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .2s}.btn-save:hover{opacity:.9}.room-content{flex-direction:column;gap:1.5rem;display:flex}.video-section{flex-direction:column;flex:1;display:flex}.player-wrapper{border-radius:var(--radius-lg);background:#0a0a0a;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.react-player-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-player{position:absolute;top:0;left:0}.class-details{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;margin-top:1.25rem;padding:1.5rem}.details-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.class-details h2{color:var(--rsb-navy);margin:0;font-size:1.1rem;font-weight:700}.stream-analytics{flex-wrap:wrap;gap:.5rem;display:flex}.analytics-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.active-channels-panel{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;margin-top:1.25rem;padding:1.25rem}.active-channels-panel h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.85rem;font-weight:700}.channels-horizontal-grid{flex-direction:column;gap:.5rem;display:flex}.channel-switch-btn{border:1px solid var(--border-color);color:#475569;cursor:pointer;text-align:left;background:#f8fafc;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.channel-switch-btn:hover{border-color:var(--rsb-navy);color:var(--rsb-navy);background:#f1f5f9}.channel-switch-btn.active{border-color:var(--rsb-red);color:var(--rsb-red);background:#fff5f5}.channel-indicator-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.channel-switch-btn.active .channel-indicator-dot{background:var(--rsb-red);animation:1.5s ease-in-out infinite livePulse}.sidebar-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex-direction:column;height:500px;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--border-color);display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:var(--rsb-navy)}.tab.active{color:var(--rsb-navy);border-bottom-color:var(--rsb-red)}.chat-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.chat-message{word-wrap:break-word;border-bottom:1px solid #f1f5f9;padding:.35rem 0;font-size:.85rem;line-height:1.45;animation:.3s fadeInChat}@keyframes fadeInChat{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-user{color:var(--rsb-navy);margin-right:.4rem;font-weight:700}.chat-user:after{content:":"}.system-msg .chat-user{color:var(--text-muted);font-weight:600}.system-msg .chat-text{color:var(--text-muted);font-style:italic}.chat-input-area{border-top:1px solid var(--border-color);gap:.5rem;padding:.75rem 1rem;display:flex}.chat-input{border-radius:20px;flex:1;padding:.6rem .8rem}.send-btn{background:var(--rsb-red);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.send-btn:hover{opacity:.85}.materials-container{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.material-item-download{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem;display:flex}.material-item-download svg{color:var(--rsb-navy);flex-shrink:0}.material-info{flex-direction:column;flex:1;display:flex}.material-info span{color:#1e293b;font-size:.88rem;font-weight:600}.material-info small{color:var(--text-muted);font-size:.75rem}.material-btn-down{background:var(--rsb-navy);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.4rem .85rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:opacity .2s}.material-btn-down:hover{opacity:.85}.materials-tip{color:var(--text-muted);padding-top:.5rem;font-size:.82rem;font-style:italic;line-height:1.5}.video-error-state{color:#fff;text-align:center;background:#1c1c1c;flex-direction:column;width:100%;height:100%;padding:2rem;position:absolute;top:0;left:0}.video-error-state h3{color:#fff;margin:1rem 0 .5rem;font-size:1.25rem}@media (width>=992px){.room-content{flex-direction:row;height:calc(100vh - 180px)}.video-section{flex:2;padding-right:.5rem;overflow-y:auto}.video-section::-webkit-scrollbar{width:6px}.video-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.sidebar-section{flex:1;min-width:320px;height:100%}.channels-horizontal-grid{flex-flow:wrap}.channel-switch-btn{flex:1;min-width:200px}}.course-select-wrapper{flex-direction:column;gap:.4rem;display:flex}.course-select-wrapper label{color:#475569;align-items:center;font-size:.82rem;font-weight:700;display:flex}.course-select-dropdown{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8.5L1 3.5h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.9rem}.course-select-dropdown:focus{border-color:var(--rsb-red);outline:none;box-shadow:0 0 0 3px #d9042914}.stream-course-tag{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.access-denied-state{background:linear-gradient(#1c1c1c 0%,#1a0a0a 100%)!important}.access-denied-course-badge{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:.4rem;margin-top:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite accessBadgePulse;display:inline-flex}@keyframes accessBadgePulse{0%,to{border-color:#ef444433}50%{border-color:#ef444480}}.course-select-dropdown{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:.35rem;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s}.course-select-dropdown:focus{border-color:var(--primary-green,#10b981);outline:none}.my-courses-wrapper{flex-direction:column;height:100%;display:flex}.courses-header{background:linear-gradient(135deg, var(--dark-green) 0%, var(--primary-green) 100%);color:#fff;box-shadow:var(--shadow-md);border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;display:flex}.courses-header h1{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.courses-back-btn,.courses-cart-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.courses-back-btn:hover,.courses-cart-btn:hover{background:#ffffff26}.courses-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.courses-tabs{border-bottom:2px solid var(--border-color,#e2e8f0);gap:1.5rem;display:flex}.courses-tab{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.5rem .25rem .75rem;font-size:.95rem;font-weight:600;transition:all .2s}.courses-tab:hover{color:var(--rsb-navy,#0b2545)}.courses-tab.active{color:var(--rsb-red,#d90429);border-bottom-color:var(--rsb-red,#d90429)}.course-list{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.course-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.course-list{grid-template-columns:repeat(3,1fr)}}.clickable-course-card{cursor:pointer;transition:all .2s}.clickable-course-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.course-list-item{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);background:#fff;flex-direction:column;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;display:flex;overflow:hidden}.course-list-item:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 20px #00000012}.course-thumb{background:linear-gradient(135deg, var(--dark-green) 0%, var(--primary-green) 100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:110px;display:flex}.course-thumb.done{background:linear-gradient(135deg,#0f766e 0%,#10b981 100%)}.course-meta{flex-direction:column;flex:1;gap:.45rem;min-width:0;padding:1rem 1.1rem 1.1rem;display:flex}.course-meta h3{color:var(--rsb-navy,#0b2545);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.course-rating{color:var(--text-muted,#64748b);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.rating-val{color:#1e293b;font-weight:700}.rating-sep{color:#cbd5e1}.course-progress-container{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.course-progress-header{color:var(--text-muted,#64748b);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.progress-track{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--rsb-red,#d90429);border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.course-completed-badge{color:#137333;background:#e6f4ea;border-radius:4px;align-items:center;gap:.4rem;width:fit-content;margin-top:.5rem;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:flex}.empty-state{text-align:center;border:1px dashed var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);color:var(--text-muted,#64748b);background:#f8fafc;padding:3rem 1.5rem;font-size:.95rem}.course-detail-explorer{background:#f8fafc;flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width>=992px){.course-detail-explorer{flex-direction:row;height:calc(100vh - 60px)}}.explorer-sidebar{border-bottom:1px solid var(--border-color,#e2e8f0);background:#fff;flex-direction:column;flex-shrink:0;width:100%;display:flex}@media (width>=992px){.explorer-sidebar{border-bottom:none;border-right:1px solid var(--border-color,#e2e8f0);flex-shrink:0;width:320px;height:100%;position:sticky;top:0;overflow-y:auto}}.explorer-detail-pane{background:#f8fafc;flex-direction:column;flex:1;height:100%;display:flex;overflow-y:auto}.explorer-progress-card{border-bottom:1px solid var(--border-color,#e2e8f0);background:#f8fafc;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.progress-card-info{justify-content:space-between;align-items:center;display:flex}.progress-card-info h3{color:var(--text-muted,#64748b);margin:0;font-size:.85rem;font-weight:600}.progress-bold{color:var(--rsb-navy,#0b2545);font-size:1.1rem;font-weight:700}.explorer-progress-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.explorer-progress-fill{background:#10b981;border-radius:4px;height:100%;transition:width .3s}.modules-list{flex-direction:column;display:flex}.module-group{border-bottom:1px solid var(--border-color,#e2e8f0)}.module-header-btn{text-align:left;width:100%;color:var(--rsb-navy,#0b2545);cursor:pointer;background:#fff;border:none;padding:1rem 1.25rem;font-size:.88rem;font-weight:700;transition:background .2s}.module-header-btn:hover{background:#f8fafc}.module-header-btn.active{background:var(--bg-card-light);color:var(--primary-green);border-left:3px solid var(--primary-green)}.module-topics-list{background:#f8fafc;flex-direction:column;padding:.25rem 0;display:flex}.topic-row-btn{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.75rem 1.25rem .75rem 2rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.topic-row-btn:hover{color:var(--rsb-navy,#0b2545);background:#f1f5f9}.topic-row-btn.selected{color:#1e293b;background:#e2e8f0}.icon-completed{color:#10b981;flex-shrink:0}.icon-pending{color:#cbd5e1;flex-shrink:0}.topic-row-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.explorer-detail-pane{background:#fff;flex-direction:column;flex:1;display:flex}@media (width>=992px){.explorer-detail-pane{overflow-y:auto}}.topic-material-content{background:#fff;border-radius:24px;flex-direction:column;gap:1.75rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 24px 60px #0f172a14}.material-header{background:#f8fafc;border-bottom:1px solid #94a3b840;border-radius:20px;padding:1.5rem 1.75rem}.material-status-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.module-breadcrumbs{color:var(--text-muted,#64748b);text-transform:uppercase;font-size:.78rem;font-weight:600}.topic-complete-toggle-btn{border:1px solid var(--rsb-navy,#0b2545);color:var(--rsb-navy,#0b2545);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.topic-complete-toggle-btn:hover{background:var(--rsb-navy,#0b2545);color:#fff}.topic-complete-toggle-btn.completed{color:#10b981;border-color:#10b981}.topic-complete-toggle-btn.completed:hover{color:#fff;background:#10b981}.material-header h2{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.material-body{flex-direction:column;gap:1.75rem;display:flex}.material-section{background:#fff;border:1px solid #94a3b82e;border-radius:18px;padding:1.5rem 1.75rem}.material-section h3{color:var(--rsb-navy,#0b2545);margin:0 0 1rem;font-size:1.1rem;font-weight:800}.key-takeaways{border-radius:var(--radius-lg,12px);border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;padding:1.5rem}.takeaways-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.takeaways-list li{align-items:flex-start;gap:.5rem;display:flex}.takeaway-bullet{color:var(--rsb-red,#d90429);margin-top:-.1rem;font-size:1.2rem;line-height:1}.takeaway-text{color:#475569;font-size:.88rem;line-height:1.5}.explorer-welcome-workspace{border:1px solid var(--border-color);text-align:left;background:#fff;border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 20px 50px #0f172a0d}.instructor-banner-accent{background:linear-gradient(to bottom, var(--primary-green) 0%, var(--accent-gold) 100%);width:6px;height:100%;position:absolute;top:0;left:0}.welcome-workspace-header{background:linear-gradient(135deg, var(--bg-card-light) 0%, var(--ibbu-green-light) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2.25rem 2rem 2.25rem 2.5rem;position:relative;overflow:hidden}.welcome-workspace-header h2{color:var(--rsb-navy,#0b2545);margin:0 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.3}.welcome-workspace-header p{color:#475569;margin:0;font-size:.95rem;line-height:1.6}.student-welcome-workspace{background:#fff;border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 20px 50px #0f172a0d}.student-welcome-header{background:linear-gradient(135deg, var(--bg-card-light) 0%, var(--ibbu-green-light) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.course-banner-accent{background:linear-gradient(to bottom, var(--rsb-red,#d90429) 0%, #7c0b85 100%);width:6px;height:100%;position:absolute;top:0;left:0}.welcome-tag{color:var(--rsb-red,#d90429);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:800;display:inline-block}.student-welcome-header h2{color:var(--rsb-navy,#0b2545);margin:0 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.3}.student-welcome-header .course-desc{color:#475569;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.course-instructor-info{color:#334155;border-top:1px solid #0000000d;align-items:center;gap:.75rem;padding-top:1rem;font-size:.88rem;display:flex}.instructor-avatar-mini{background:var(--rsb-navy,#0b2545);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.student-workspace-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.stat-card{background:#fff;border:1px solid #94a3b829;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #00000005}.stat-card:hover{border-color:#d9042926;transform:translateY(-2px);box-shadow:0 10px 20px #d904290a}.stat-card .stat-icon{color:var(--rsb-red,#d90429);background:#fff5f5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:.6rem;display:flex}.stat-info{flex-direction:column;gap:.15rem;display:flex}.stat-label{color:#64748b;font-size:.78rem;font-weight:600}.stat-val{color:var(--rsb-navy,#0b2545);font-size:1.25rem;font-weight:800}.student-welcome-actions{justify-content:center;margin-top:.5rem;display:flex}.student-welcome-actions .welcome-action-btn.primary{background:linear-gradient(135deg, var(--dark-green) 0%, var(--primary-green) 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex}.student-welcome-actions .welcome-action-btn.primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.student-welcome-actions .welcome-action-btn.primary:active{transform:translateY(0)}.explorer-empty-state{color:var(--text-muted,#64748b);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.explorer-empty-state svg{color:#cbd5e1}.icon-pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}.admin-creation-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.admin-creation-panel h2{color:var(--rsb-navy);margin:0 0 1rem;font-size:1.1rem;font-weight:700}.admin-course-form{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:.75rem;display:grid}@media (width<=768px){.admin-course-form{grid-template-columns:1fr}}.admin-input,.admin-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.65rem .75rem;font-size:.88rem}.admin-toast-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.lecturer-curriculum-controls{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.lecturer-curriculum-controls h3{text-transform:uppercase;letter-spacing:.5px;color:#475569;margin:0;font-size:.82rem;font-weight:700}.lecturer-mini-form{flex-direction:column;gap:.5rem;display:flex}.lecturer-mini-form input,.lecturer-mini-form textarea{border:1px solid #d1d5db;border-radius:5px;width:100%;padding:.5rem .6rem;font-size:.8rem}.lecturer-btn{background:var(--rsb-navy);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.5rem;font-size:.8rem;font-weight:700;transition:opacity .2s}.lecturer-btn:hover{opacity:.9}.lecturer-toast{color:#1d4ed8;background:#eff6ff;border-radius:5px;padding:.4rem .6rem;font-size:.75rem;font-weight:600}.lecturer-course-workspace{width:100%;max-width:900px;margin:0 auto;padding:2rem}.roster-segment h3{color:var(--rsb-navy);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.student-roster-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.student-roster-grid{grid-template-columns:1fr}}.student-progress-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.student-profile{align-items:center;gap:.75rem;display:flex}.avatar-med{background:var(--rsb-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.student-info{flex-direction:column;display:flex}.student-info .name{color:#1e293b;font-size:.9rem;font-weight:700}.student-info .email{color:#64748b;font-size:.78rem}.student-progress{flex-direction:column;gap:.3rem;display:flex}.student-progress .lbl-row{color:#475569;justify-content:space-between;font-size:.75rem;display:flex}.student-progress .bar-track{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.student-progress .bar-fill{background:#10b981;border-radius:3px;height:100%}.no-students{color:#64748b;font-size:.9rem;font-style:italic}.lecturer-topic-preview .preview-box{border-left:4px solid var(--rsb-red);background:#f8fafc;border-radius:0 8px 8px 0;padding:1.25rem}.lecturer-topic-preview h4{color:var(--rsb-navy);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.lecturer-topic-preview p{color:#475569;margin:0;font-size:.85rem;line-height:1.5}.lecturer-sidebar-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.25rem}.lecturer-sidebar-btn{background:var(--rsb-navy,#0b2545);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:700;transition:opacity .2s;display:flex}.lecturer-sidebar-btn:hover{opacity:.85}.lecturer-workspace-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.workspace-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.workspace-action-btn.primary{background:var(--rsb-navy,#0b2545);color:#fff}.workspace-action-btn.primary:hover{background:#0d2d56;transform:translateY(-1px);box-shadow:0 4px 12px #0b254540}.workspace-action-btn.secondary{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.workspace-action-btn.secondary:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed826}.mc-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#06122ba6;justify-content:flex-end;align-items:stretch;padding:0;animation:.2s mc-overlay-in;display:flex;position:fixed;inset:0}@keyframes mc-overlay-in{0%{opacity:0}to{opacity:1}}.mc-modal{background:#fff;border:1px solid #94a3b82e;border-radius:0;flex-direction:column;width:min(720px,100%);max-width:720px;height:100vh;animation:.25s cubic-bezier(.34,1.56,.64,1) mc-modal-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-28px 0 68px #0f172a2e}@keyframes mc-modal-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mc-modal-header{background:linear-gradient(90deg,#f8fafc,#ebf5fff5);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.4rem 1.6rem;display:flex}.mc-modal-title-row{color:var(--rsb-navy,#0b2545);align-items:center;gap:.75rem;display:flex}.mc-modal-title-row h2{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.15rem;font-weight:800}.mc-modal-close{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.mc-modal-close:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.mc-modal-body{scrollbar-width:none;-ms-overflow-style:none;background:#fbfcfe;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 1.75rem 2rem;display:flex;overflow-y:auto}.mc-modal-body::-webkit-scrollbar{width:0;height:0}.edit-content-modal-body{scrollbar-width:none;-ms-overflow-style:none}.edit-content-modal-body::-webkit-scrollbar{width:0;height:0}.editing-drawer-notice{color:#1e293b;background:#eef2ff;border:1px solid #dbeafe;border-radius:16px;padding:1rem 1.25rem;font-size:.95rem;box-shadow:0 10px 30px #0f172a0d}.mc-section{flex-direction:column;gap:.6rem;display:flex}.mc-section h4{color:var(--rsb-navy,#0b2545);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.mc-section-hint{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.mc-form{flex-direction:column;gap:.6rem;display:flex}.mc-form input,.mc-form textarea{color:#334155;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s}.mc-form input:focus,.mc-form textarea:focus{border-color:var(--rsb-navy,#0b2545);outline:none;box-shadow:0 0 0 3px #0b254514}.mc-submit-btn{background:var(--rsb-red,#d90429);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-size:.88rem;font-weight:700;display:flex}.add-content-container{flex-direction:column;gap:.85rem;display:flex}.content-type-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.content-type-card:hover{border-color:var(--primary-green);transform:translateY(-2px);box-shadow:0 8px 16px #10b9810f}.content-type-left{align-items:center;gap:1rem;display:flex}.content-type-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.content-type-icon-wrapper.green{color:#137333;background:#e6f4ea}.content-type-icon-wrapper.purple{color:#7e22ce;background:#f3e8ff}.content-type-icon-wrapper.orange{color:#c2410c;background:#fff7ed}.content-type-icon-wrapper.red{color:#dc2626;background:#fef2f2}.content-type-icon-wrapper.blue{color:#1d4ed8;background:#eff6ff}.content-type-info{text-align:left;flex-direction:column;gap:.2rem;display:flex}.content-type-title{color:#1e293b;font-size:.92rem;font-weight:700}.content-type-desc{color:#64748b;font-size:.78rem}.content-type-chevron{color:#94a3b8;transition:transform .2s}.content-type-card:hover .content-type-chevron{color:var(--primary-green);transform:translate(3px)}.add-lesson-form{flex-direction:column;gap:1.5rem;display:flex}.form-section-title{color:var(--primary-green,#3d8b37);text-transform:capitalize;letter-spacing:.2px;margin:0 0 .5rem;font-size:.92rem;font-weight:700}.form-group-custom{flex-direction:column;gap:.45rem;display:flex}.form-group-custom label{color:#475569;font-size:.82rem;font-weight:600}.form-group-custom label span{color:#ef4444}.input-field-custom{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.input-field-custom:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 0 3px #10b98114}.textarea-field-custom{resize:vertical;min-height:80px}.textarea-counter{color:#94a3b8;align-self:flex-end;font-size:.72rem}.source-options-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.source-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.source-card:hover{border-color:var(--primary-green);background:#fafafa}.source-card.selected{border-color:var(--primary-green);background:#10b9810a}.source-card input[type=radio]{accent-color:var(--primary-green);cursor:pointer;width:16px;height:16px;margin:0}.source-label{text-align:left;flex-direction:column;gap:.1rem;display:flex}.source-title{color:#334155;font-size:.82rem;font-weight:700}.source-desc{color:#64748b;font-size:.72rem}.duration-input-wrapper{align-items:center;max-width:240px;display:flex;position:relative}.duration-icon{color:#94a3b8;pointer-events:none;position:absolute;right:.85rem}.thumbnail-dropzone{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex}.thumbnail-dropzone:hover{border-color:var(--primary-green);background:#f0fdf4}.dropzone-icon-btn{width:44px;height:44px;color:var(--primary-green);background:#e6f4ea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropzone-text{text-align:left;flex-direction:column;gap:.2rem;display:flex}.dropzone-title{color:var(--primary-green);font-size:.82rem;font-weight:700}.dropzone-subtitle{color:#64748b;font-size:.72rem}.accordion-item-custom{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.accordion-header-custom{cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1.25rem;transition:background .15s;display:flex}.accordion-header-custom:hover{background:#f8fafc}.accordion-header-title{align-items:center;gap:.65rem;display:flex}.accordion-icon{color:#64748b}.accordion-label-text{color:#334155;font-size:.85rem;font-weight:700}.accordion-sub-label-text{color:#64748b;margin-left:.5rem;font-size:.75rem}.accordion-body-custom{background:#fafafa;border-top:1px solid #e2e8f0;padding:1rem 1.25rem}.form-actions-row-custom{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1.25rem;display:flex}.form-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.65rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .15s}.form-btn-secondary:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.form-btn-primary{background:var(--primary-green,#3d8b37);border:1px solid var(--primary-green,#3d8b37);color:#fff;cursor:pointer;border-radius:8px;padding:.65rem 1.6rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #10b9811f}.form-btn-primary:hover{background:var(--dark-green,#0b4a1c);border-color:var(--dark-green,#0b4a1c);box-shadow:0 6px 16px #10b98138}.mc-submit-btn{width:100%;transition:all .2s}.mc-submit-btn:hover:not(:disabled){background:#b8031f;transform:translateY(-1px);box-shadow:0 4px 12px #d904294d}.mc-submit-btn:disabled{opacity:.55;cursor:not-allowed}.mc-search-dropdown{width:100%;position:relative}.mc-dropdown-trigger{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:border-color .2s;display:flex}.mc-dropdown-trigger.open{border-color:var(--rsb-navy,#0b2545);border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 0 3px #0b254514}.mc-search-icon{color:#94a3b8;flex-shrink:0}.mc-search-input{color:#334155;background:0 0;flex:1;min-width:0;font-size:.88rem;box-shadow:none!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.mc-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.mc-chevron.rotated{transform:rotate(180deg)}.mc-dropdown-list{border:1px solid var(--rsb-navy,#0b2545);z-index:100;background:#fff;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001a}.mc-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:background .15s;display:flex}.mc-dropdown-item:hover{background:#f1f5f9}.mc-dropdown-item.selected{color:#1d4ed8;background:#eff6ff}.mc-dropdown-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.mc-dropdown-item.selected .mc-dropdown-title{color:#1d4ed8}.mc-dropdown-code{color:#64748b;background:#f1f5f9;border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.mc-dropdown-empty{color:#64748b;text-align:center;padding:.75rem .85rem;font-size:.85rem}.mc-student-list{flex-direction:column;gap:.5rem;max-height:260px;padding-right:.25rem;display:flex;overflow-y:auto}.mc-student-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:background .15s;display:flex}.mc-student-row:hover{background:#f1f5f9}.mc-avatar{background:var(--rsb-red,#d90429);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.mc-student-info{flex-direction:column;min-width:0;display:flex}.mc-student-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.mc-student-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.mc-count-badge{background:var(--rsb-red,#d90429);color:#fff;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.mc-error-msg{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;font-weight:600}@keyframes mc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-spin{animation:.8s linear infinite mc-spin}.mc-outline-builder{flex-direction:column;gap:.85rem;max-height:400px;margin-top:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.builder-module-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;transition:all .2s}.builder-module-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #00000005}.builder-module-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.builder-module-title{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:.92rem;font-weight:700}.builder-module-title.active{color:var(--rsb-red,#d90429)}.builder-actions{align-items:center;gap:.35rem;display:flex}.builder-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.builder-action-btn.add-topic-btn:hover{color:var(--rsb-red,#d90429);background:#e2e8f0}.builder-action-btn.delete-btn:hover{color:#e11d48;background:#ffe4e6}.builder-add-topic-inline{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:.75rem;padding:.85rem}.builder-add-topic-inline h5{color:#475569;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.inline-form-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.mc-btn-primary{background:var(--rsb-red,#3d8b37);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 10px 20px #3d8b3724}.mc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #3d8b3738}.mc-btn-secondary{color:#334155;border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.mc-btn-secondary:hover{background:#eef2f7;border-color:#cbd5e1;transform:translateY(-1px)}.mc-form-row{gap:.5rem;margin-bottom:1rem;display:flex}.mc-form-row input{flex:1}.builder-topics-list{border-left:2px dashed #cbd5e1;flex-direction:column;gap:.4rem;margin-top:.75rem;padding-left:.5rem;display:flex}.builder-topic-row{background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:space-between;align-items:center;padding:.45rem .65rem;display:flex}.builder-topic-title{color:#334155;font-size:.85rem;font-weight:500}.builder-topic-delete{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.15rem;display:flex}.builder-topic-delete:hover{color:#e11d48;background:#ffe4e6}.no-topics-placeholder,.no-modules-placeholder,.no-rich-content-placeholder{color:#94a3b8;text-align:center;margin:.25rem 0;font-size:.8rem;font-style:italic}.builder-helper-text{color:#64748b;margin-top:-.25rem;margin-bottom:.5rem;font-size:.75rem}.detailed-content{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.rich-editor-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:.75rem;padding:1rem}.editor-prompt{color:#475569;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.editor-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.editor-save-btn{background:var(--rsb-red,#3d8b37);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1.3rem;font-size:.92rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 20px #3d8b3726}.editor-cancel-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1.3rem;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.editor-cancel-btn:hover{background:#eef2f7;border-color:#cbd5e1;transform:translateY(-1px)}.rich-content-rendered{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.75rem;padding:1.25rem;font-size:.95rem;line-height:1.6}.rich-content-rendered h1,.rich-content-rendered h2,.rich-content-rendered h3{color:#1e293b;margin-top:1.25rem;margin-bottom:.5rem;font-weight:700}.rich-content-rendered h1{font-size:1.5rem}.rich-content-rendered h2{font-size:1.25rem}.rich-content-rendered h3{font-size:1.1rem}.rich-content-rendered p{margin-bottom:1rem}.rich-content-rendered ul,.rich-content-rendered ol{margin-bottom:1rem;margin-left:1.5rem}.no-content-prompt{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;font-size:.9rem}.add-material-prompt-btn{background:var(--rsb-red,#d90429);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;margin-top:1rem;padding:.55rem 1.25rem;font-weight:600;display:inline-flex}.lecturer-topic-actions{align-items:center;gap:.5rem;display:flex}.topic-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.topic-action-btn.edit{color:#1d4ed8;background:#eff6ff}.topic-action-btn.edit:hover{background:#dbeafe}.topic-action-btn.delete{color:#e11d48;background:#ffe4e6}.topic-action-btn.delete:hover{background:#fecdd3}.portal-sync-form{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.portal-sync-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.65rem .85rem;font-size:.88rem}.portal-sync-input:focus{border-color:var(--rsb-red,#d90429);outline:none}.portal-sync-hint{color:#64748b;margin:0;font-size:.72rem}.mc-student-meta-badges{align-items:center;gap:.4rem;margin-top:.3rem;display:flex}.meta-badge{text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.meta-badge.matric{color:#1e40af;background:#eff6ff}.meta-badge.dept{color:#166534;background:#f0fdf4}.mc-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.timeline-container{margin-top:1rem;padding-left:.5rem;position:relative}.timeline-spine{z-index:1;background:linear-gradient(#cbd5e1 0%,#e2e8f0 100%);width:2px;position:absolute;top:0;bottom:0;left:21px}.timeline-module-group{z-index:2;margin-bottom:1.25rem;position:relative}.timeline-milestone{align-items:center;gap:.85rem;display:flex}.milestone-badge{color:#475569;z-index:3;background:#e2e8f0;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.milestone-badge.active{background:var(--rsb-red,#d90429);color:#fff;transform:scale(1.1);box-shadow:0 0 8px #d904294d}.timeline-module-group .module-header-btn{text-align:left;color:var(--rsb-navy,#0b2545);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:.8rem 1.1rem;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #00000005}.timeline-module-group .module-header-btn.active{color:var(--rsb-red,#d90429);background:linear-gradient(135deg,#fff5f5 0%,#fff0f6 100%);border-color:#d904292e;box-shadow:0 4px 12px #d904290d}.timeline-module-group .module-header-btn:hover{color:var(--rsb-red,#d90429);background:#fff5f5;border-color:#d9042940}.timeline-module-group .module-topics-list{flex-direction:column;gap:.6rem;margin-top:.75rem;padding-left:1.5rem;display:flex;position:relative}.timeline-topic-wrapper{align-items:center;gap:.85rem;display:flex;position:relative}.timeline-topic-node{z-index:3;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.timeline-topic-node.completed{color:#fff;background:#10b981;border-color:#10b981}.timeline-topic-node.selected{border-color:var(--rsb-red,#d90429);background:#fff;transform:scale(1.25);box-shadow:0 0 0 3px #d9042926}.node-dot{background:0 0;border-radius:50%;width:6px;height:6px;transition:background .2s}.timeline-topic-node.selected .node-dot{background:var(--rsb-red,#d90429)}.node-check{font-size:.6rem;font-weight:900;line-height:1}.timeline-topic-wrapper .topic-row-btn{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.6rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s}.timeline-topic-wrapper .topic-row-btn:hover{color:#1e293b;background:#f1f5f9}.timeline-topic-wrapper .topic-row-btn.selected{color:var(--rsb-red,#d90429);background:#fff5f5;font-weight:700}.timeline-empty-hint{color:#94a3b8;margin:.25rem 0;padding-left:1.5rem;font-size:.75rem;font-style:italic}.topic-material-content{flex-direction:column;height:100%;display:flex;overflow-y:auto}.material-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:1.5rem 1.5rem .75rem}.material-status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.module-breadcrumbs{color:#64748b;font-size:.8rem;font-weight:500}.topic-action-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.topic-action-btn.edit{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.topic-action-btn.edit:hover{background:#dbeafe;transform:translateY(-1px)}.topic-action-btn.delete{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.topic-action-btn.delete:hover{background:#ffe4e6;transform:translateY(-1px)}.topic-action-btn.curriculum{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.topic-action-btn.curriculum:hover{background:#e0e7ff;transform:translateY(-1px)}.topic-action-btn.enroll{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.topic-action-btn.enroll:hover{background:#ccfbf1;transform:translateY(-1px)}.topic-actions-divider{background:#e2e8f0;flex-shrink:0;align-self:center;width:1px;height:24px}.lecturer-topic-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.topic-complete-toggle-btn{cursor:pointer;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.topic-complete-toggle-btn.completed{color:#15803d;background:#f0fdf4}.topic-complete-toggle-btn:hover{background:#dcfce7;transform:translateY(-1px)}.material-header h2{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.15rem;font-weight:700}.material-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.material-section h3{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.9rem;font-weight:700}.material-section p{color:#334155;margin:0;font-size:.95rem;line-height:1.7}.rich-editor-container{flex-direction:column;gap:.75rem;display:flex}.basic-textarea-editor{color:#1e293b;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:350px;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.basic-textarea-editor:focus{border-color:var(--rsb-navy,#0b2545);box-shadow:0 0 0 3px #0b254526}.editor-prompt{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-size:.82rem;font-style:italic}.ckeditor-mount-target{border-radius:8px;min-height:300px;overflow:hidden}.ck.ck-editor__main>.ck-editor__editable{color:#1e293b;min-height:250px;font-size:.95rem;line-height:1.7}.ck.ck-toolbar{background:#f8fafc!important;border-color:#e2e8f0!important;border-radius:8px 8px 0 0!important}.ck.ck-editor__editable{border-color:#e2e8f0!important;border-radius:0 0 8px 8px!important}.ck.ck-editor__editable:focus{border-color:var(--rsb-red,#d90429)!important;box-shadow:0 0 0 2px #d904291f!important}.ck.ck-editor{border-radius:8px!important;box-shadow:0 1px 4px #0000000f!important}.editor-actions{justify-content:flex-end;gap:.6rem;display:flex}.editor-save-btn{background:var(--rsb-red,#d90429);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.editor-save-btn:hover{background:#b90222;transform:translateY(-1px);box-shadow:0 4px 12px #d9042940}.editor-cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.editor-cancel-btn:hover{color:#334155;background:#e2e8f0}.rich-content-rendered{color:#1e293b;background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.75}.rich-content-rendered img{border-radius:6px;max-width:100%;height:auto;margin:.75rem 0;display:block}.rich-content-rendered table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.88rem}.rich-content-rendered th,.rich-content-rendered td{text-align:left;border:1px solid #e2e8f0;padding:.6rem .9rem}.rich-content-rendered th{color:#334155;background:#f1f5f9;font-weight:700}.rich-content-rendered h1,.rich-content-rendered h2,.rich-content-rendered h3{color:var(--rsb-navy,#0b2545);margin:1rem 0 .5rem}.rich-content-rendered ul,.rich-content-rendered ol{margin:.5rem 0;padding-left:1.5rem}.rich-content-rendered li{margin-bottom:.3rem}.rich-content-rendered blockquote{border-left:4px solid var(--rsb-red,#d90429);color:#475569;background:#fff1f2;border-radius:0 6px 6px 0;margin:.75rem 0;padding:.5rem 1rem;font-style:italic}.rich-content-rendered code{color:#e2e8f0;background:#1e293b;border-radius:4px;padding:.15rem .4rem;font-family:Courier New,monospace;font-size:.85em}.rich-content-rendered pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:.75rem 0;padding:1rem;font-family:Courier New,monospace;font-size:.85em;overflow-x:auto}.rich-content-rendered img[data-mathml],.rich-content-rendered .Wirisformula{vertical-align:middle;border-radius:0;margin:0 2px;display:inline}.no-content-prompt{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:2.5rem 1rem}.no-content-prompt p{color:#94a3b8;margin:0 0 1rem;font-size:.9rem}.add-material-prompt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c0b85 0%,#d90429 100%);border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 12px 30px #d8042926}.add-material-prompt-btn:hover{opacity:.96;transform:translateY(-2px)}.mc-danger-zone{border-top:1px dashed #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.mc-danger-zone-title{color:#ef4444;align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.mc-danger-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.mc-danger-btn{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.55rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.mc-danger-btn:hover:not(:disabled){color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f}.mc-danger-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-option-row{transition:all .2s}.quiz-option-row:hover{background-color:#fff1f2!important;border-color:#fda4af!important}.start-quiz-btn{transition:background-color .2s,transform .15s}.start-quiz-btn:hover:not(:disabled){transform:translateY(-1px);background-color:#be123c!important}.start-quiz-btn:active:not(:disabled){transform:translateY(0)}.start-quiz-btn:disabled{opacity:.7;cursor:not-allowed!important;background-color:#cbd5e1!important}.timeline-topic-wrapper.module-quiz-wrapper{border-top:1px dashed #e2e8f0;margin-top:.5rem;padding-top:.5rem}.timeline-topic-node.milestone{border:2px solid var(--rsb-red);color:var(--rsb-red);background-color:#fff1f2}.timeline-topic-node.milestone.selected{background-color:var(--rsb-red);color:#fff}.quiz-manager-panel input:focus,.quiz-manager-panel textarea:focus,.quiz-manager-panel select:focus{outline:none;box-shadow:0 0 0 3px #ef44441a;border-color:var(--rsb-red)!important}.question-pool-card{transition:border-color .2s,box-shadow .2s}.question-pool-card:hover{box-shadow:0 4px 6px -1px #0000000d;border-color:#fda4af!important}.topic-quiz-section{border-top:2px solid var(--border-color,#e2e8f0);background:#fff;margin-top:2rem;padding-top:1.5rem}.topic-quiz-section h3{align-items:center;gap:.5rem;display:flex;color:var(--rsb-navy,#0b2545)!important;font-size:1.15rem!important}.quiz-info-block{background:linear-gradient(135deg,#fff8f8 0%,#fff5f5 100%);border:1px solid #d904291f;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #d9042908}.quiz-info-block p{color:#475569!important;margin:0 0 1.25rem!important;font-size:.9rem!important;line-height:1.5!important}.quiz-action-wrapper{flex-direction:column;gap:.75rem;width:100%;display:flex}.quiz-action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.score-badge{color:#1e293b;background:#fff;border:1px solid #0000000a;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #00000003}.score-badge strong{margin-left:.25rem}.start-quiz-btn.inline{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d90429 0%,#b8031f 100%);border:none;border-radius:10px;padding:.65rem 1.5rem;font-weight:700;transition:all .2s;box-shadow:0 6px 15px #d9042926}.start-quiz-btn.inline:hover:not(:disabled){background:linear-gradient(135deg,#b8031f 0%,#900216 100%);transform:translateY(-1px);box-shadow:0 8px 20px #d9042940}.start-quiz-btn.inline:disabled{box-shadow:none;cursor:not-allowed;color:#94a3b8!important;background:#e2e8f0!important}.quiz-retake-warning{color:#ef4444;align-self:flex-end;font-size:.78rem;font-style:italic}.quiz-status-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border:1px solid #94a3b829!important;border-radius:16px!important;padding:2rem!important;box-shadow:0 4px 20px #00000005!important}.quiz-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.quiz-info-item{background:#fff;border:1px solid #00000008;border-radius:12px;padding:1rem;box-shadow:0 2px 4px #00000003}.quiz-info-item .label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.quiz-info-item .val{color:var(--rsb-navy,#0b2545);font-size:1.1rem;font-weight:800}.start-quiz-btn.full-width{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d90429 0%,#b8031f 100%);border:none;border-radius:12px;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .25s;display:block;box-shadow:0 8px 20px #d9042926}.start-quiz-btn.full-width:hover:not(:disabled){background:linear-gradient(135deg,#b8031f 0%,#900216 100%);transform:translateY(-1px);box-shadow:0 12px 25px #d9042940}.start-quiz-btn.full-width:disabled{box-shadow:none;cursor:not-allowed;color:#94a3b8!important;background:#e2e8f0!important}.lecturer-workspace-sticky-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0f172a08}.student-course-card{cursor:pointer;background:#fff;border:1px solid #94a3b81f;border-radius:16px;justify-content:space-between;align-items:center;gap:1.75rem;width:100%;padding:1.25rem 1.75rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #0f172a04}.student-course-card:hover{border-color:#94a3b84d;transform:translateY(-3px);box-shadow:0 10px 25px #0f172a0f}.timetable-container{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.timetable-tabs{background:var(--bg-card-light,#f8fafc);border-radius:var(--radius-lg,12px);border:1px solid var(--border-color,#e2e8f0);gap:.25rem;width:fit-content;padding:.35rem;display:flex}.timetable-tab{color:var(--text-muted,#64748b);cursor:pointer;border-radius:var(--radius-md,8px);background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.timetable-tab:hover{color:var(--rsb-navy,#0b2545)}.timetable-tab.active{color:var(--rsb-red,#d90429);background:#fff;box-shadow:0 2px 4px #0000000d}.schedule-info-card{border-left:4px solid var(--rsb-navy,#0b2545);border-radius:var(--radius-md,8px);background:#eff6ff;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.schedule-info-card.exam-info{border-left-color:var(--rsb-red,#d90429);background:#fef2f2}.schedule-info-card p{color:#1e293b;margin:0;font-size:.88rem;line-height:1.5}.weekly-schedule{flex-direction:column;gap:1.5rem;display:flex}.day-section{flex-direction:column;gap:.75rem;display:flex}.day-header h3{color:var(--rsb-navy,#0b2545);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color,#e2e8f0);margin:0;padding-bottom:.35rem;font-size:1rem;font-weight:700}.day-lectures-list{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=768px){.day-lectures-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.day-lectures-list{grid-template-columns:repeat(3,1fr)}}.lecture-schedule-card{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:#fff;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.lecture-schedule-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.lecture-time-badge{color:#475569;background:#f1f5f9;border-radius:4px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.lecture-details{flex-direction:column;gap:.25rem;display:flex}.lecture-details h4{color:#1e293b;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.lecture-professor{color:#64748b;font-size:.8rem}.lecture-location{color:#475569;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;display:flex}.lecture-location svg{color:var(--rsb-red,#d90429);flex-shrink:0}.link-location{color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:underline}.no-lectures{border:1px dashed var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);text-align:center;background:#f8fafc;padding:1rem;font-size:.85rem}.exams-list{flex-direction:column;gap:1rem;display:flex}.exam-schedule-card{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);background:#fff;flex-direction:column;justify-content:space-between;align-items:stretch;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.exam-schedule-card{flex-direction:row;align-items:center}}.exam-schedule-card:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d}.exam-main-info{flex:1;align-items:flex-start;gap:1rem;display:flex}.exam-status-indicator{background:#94a3b8;border-radius:2px;flex-shrink:0;width:4px;height:48px}.exam-schedule-card.registration-open .exam-status-indicator{background:#10b981}.exam-schedule-card.scheduled .exam-status-indicator{background:#3b82f6}.exam-schedule-card.locked .exam-status-indicator{background:#94a3b8}.exam-details h3{color:var(--rsb-navy,#0b2545);margin:0 0 .4rem;font-size:1rem;font-weight:600}.exam-meta-row{flex-wrap:wrap;gap:1rem;margin-bottom:.4rem;display:flex}.exam-meta-item{color:#64748b;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.exam-meta-item svg{color:var(--rsb-red,#d90429)}.exam-location{color:#475569;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.exam-location svg{color:#64748b}.exam-action-section{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width>=768px){.exam-action-section{flex-direction:column;align-items:flex-end;gap:.5rem}}.status-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.status-pill.registration-open{color:#137333;background:#e6f4ea}.status-pill.scheduled{color:#1a73e8;background:#e8f0fe}.status-pill.locked{color:#5f6368;background:#f1f3f4}.timetable-action-btn{border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.timetable-action-btn.disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-color:#e2e8f0}.rsb-btn-primary{background:var(--rsb-red,#d90429);color:#fff;border:1px solid var(--rsb-red,#d90429);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 18px #d904292e}.rsb-btn-primary:hover{opacity:.96;transform:translateY(-1px);box-shadow:0 12px 24px #d9042938}.rsb-btn-secondary{color:var(--rsb-navy,#0b2545);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.rsb-btn-secondary:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.timetable-modal-overlay{z-index:1000;background:#0000008c;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.timetable-modal{background:#fff;border-radius:0;flex-direction:column;width:min(560px,100%);max-width:560px;height:100vh;padding:1.5rem;animation:.28s forwards drawer-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #0003}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.timetable-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.timetable-modal-header h2{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.15rem;font-weight:700}.timetable-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.form-group select,.form-group input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.9rem}.form-group select:focus,.form-group input:focus{border-color:var(--rsb-navy,#0b2545)}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.page-shell{min-height:100%;padding:1.5rem}.combined-tab-bar{background:#f1f5f9;border-radius:12px;gap:.5rem;width:fit-content;margin-bottom:1.75rem;padding:.35rem;display:flex}.combined-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.combined-tab:hover{color:var(--rsb-navy,#0b2545);background:#fff9}.combined-tab.active{color:var(--rsb-navy,#0b2545);background:#fff;box-shadow:0 1px 4px #0000001a}.page-title-bar{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-title-bar h1{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.5rem;font-weight:700}.assignments-list{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=992px){.assignments-list{grid-template-columns:repeat(2,1fr)}}.assignment-card{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.clickable-card{cursor:pointer}.clickable-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.assignment-priority{flex-shrink:0;width:6px}.assignment-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.assignment-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.assignment-top h3{color:var(--rsb-navy,#0b2545);margin:0;font-size:1rem;font-weight:700;line-height:1.4}.status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;border:1px solid;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.assignment-course{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.assignment-due{color:var(--text-muted,#64748b);align-items:center;gap:.4rem;margin-top:.25rem;font-size:.8rem;display:flex}.full-screen-workspace{flex-direction:column;gap:1.5rem;animation:.25s ease-out fadeIn;display:flex}.workspace-header{border-bottom:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:1rem;padding-bottom:1.25rem;display:flex}@media (width>=768px){.workspace-header{flex-direction:row;justify-content:space-between;align-items:center}}.workspace-back-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--text-muted,#64748b);border-radius:var(--radius-md,8px);cursor:pointer;background:0 0;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.workspace-back-btn:hover{color:var(--rsb-navy,#0b2545);background:#f1f5f9;border-color:#cbd5e1}.workspace-title-section{flex-direction:column;flex:1;gap:.25rem;display:flex}@media (width>=768px){.workspace-title-section{padding-left:1rem}}.workspace-course-tag{color:var(--rsb-red,#d90429);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.workspace-title-section h2{color:var(--rsb-navy,#0b2545);margin:0;font-size:1.35rem;font-weight:800;line-height:1.3}.workspace-status-badge{align-items:center;display:flex}.workspace-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1200px){.workspace-grid{grid-template-columns:1fr 350px;align-items:start}}.workspace-main-panel{flex-direction:column;gap:1.5rem;display:flex}.workspace-box{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #00000005}.box-title{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.box-title h3{color:var(--rsb-navy,#0b2545);margin:0;font-size:.95rem;font-weight:700}.prompt-box{border-left:4px solid var(--rsb-navy,#0b2545);background:#f8fafc}.prompt-text{color:#334155;margin:0 0 1rem;font-size:.92rem;line-height:1.6}.due-alert{color:#475569;background:#eff6ff;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;padding:.5rem .75rem;font-size:.8rem;display:flex}.due-alert svg{color:var(--rsb-navy,#0b2545)}.character-count-label{color:var(--text-muted,#64748b);background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.78rem;font-weight:600}.editor-form{flex-direction:column;gap:1rem;display:flex}.workspace-textarea{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);resize:vertical;color:#1e293b;background:#fdfdfd;width:100%;padding:1.25rem;font-family:inherit;font-size:.92rem;line-height:1.6;transition:all .2s}.workspace-textarea:focus{border-color:var(--rsb-red,#d90429);background:#fff;outline:none;box-shadow:0 0 0 3px #d9042914}.form-actions{justify-content:space-between;align-items:center;display:flex}.autosave-label{color:#64748b;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.dot-green{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #10b981}.submit-workspace-btn{background:var(--rsb-red,#d90429);color:#fff;border:1px solid var(--rsb-red,#d90429);border-radius:var(--radius-md,8px);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.submit-workspace-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.submit-workspace-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0;border-color:#e2e8f0}.submit-workspace-btn.success{background:#10b981;border-color:#10b981}.paper-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.paper-header{border-bottom:2px double #cbd5e1;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.paper-title-sheet h4{color:var(--rsb-navy,#0b2545);margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.paper-meta{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.78rem;font-weight:600}.watermark{color:#137333;letter-spacing:.05em;background:#e6f4ea;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:900;position:absolute;top:1rem;right:1rem;transform:rotate(5deg)}.paper-content p{color:#1e293b;text-indent:1.5rem;text-align:justify;margin:0 0 1rem;font-size:.92rem;line-height:1.8}.workspace-sidebar-panel{flex-direction:column;gap:1.5rem;display:flex}.sidebar-card h3{color:var(--rsb-navy,#0b2545);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color,#e2e8f0);margin:0 0 1rem;padding-bottom:.5rem;font-size:.88rem;font-weight:800}.info-list{flex-direction:column;gap:.75rem;display:flex}.info-row{justify-content:space-between;font-size:.82rem;display:flex}.info-label{color:var(--text-muted,#64748b)}.info-value{color:#1e293b;font-weight:600}.feedback-card{border-top:4px solid var(--rsb-red,#d90429)}.evaluation-score-row{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.grade-badge{background:var(--rsb-red,#d90429);color:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.grade-letter{font-size:1.6rem;font-weight:800;line-height:1}.grade-subtitle{text-transform:uppercase;opacity:.8;font-size:.55rem;font-weight:700}.score-detail{flex-direction:column;gap:.15rem;display:flex}.score-num{color:#1e293b;font-size:1.15rem;font-weight:800}.score-label{color:var(--text-muted,#64748b);font-size:.75rem;font-weight:600}.feedback-comments-section{flex-direction:column;gap:.5rem;display:flex}.feedback-comment-title{color:var(--rsb-navy,#0b2545);align-items:center;gap:.4rem;display:flex}.feedback-comment-title svg{flex-shrink:0}.feedback-comment-title h4{margin:0;font-size:.85rem;font-weight:700}.feedback-comment-text{color:#475569;border:1px solid var(--border-color,#e2e8f0);background:#f8fafc;border-radius:8px;margin:0;padding:1rem;font-size:.88rem;font-style:italic;line-height:1.6}.feedback-date{color:var(--text-muted,#64748b);text-align:right;margin-top:.25rem;font-size:.75rem}.evaluation-pending-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.evaluation-pending-state h4{color:var(--rsb-navy,#0b2545);margin:0;font-size:.95rem;font-weight:700}.evaluation-pending-state p{color:var(--text-muted,#64748b);margin:0;font-size:.82rem;line-height:1.5}.spin-slow{animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-card.clickable-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.test-card.test-locked{opacity:.7;background:#f8fafc}.test-card.test-card-done{border-left:4px solid #10b981}.test-info h3{color:var(--rsb-navy,#0b2545);margin:0 0 .4rem;font-size:1rem;font-weight:700}.test-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.test-action-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.card-locked{opacity:.7;background:#f8fafc;cursor:default!important}.card-locked:hover{box-shadow:none!important;transform:none!important}.no-lectures{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;font-size:.9rem}.submissions-list-scrollable{scrollbar-width:thin;scrollbar-color:var(--border-color,#e2e8f0) transparent;flex-direction:column;gap:.75rem;max-height:55vh;display:flex;overflow-y:auto}.submissions-list-scrollable::-webkit-scrollbar{width:4px}.submissions-list-scrollable::-webkit-scrollbar-track{background:0 0}.submissions-list-scrollable::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.submission-student-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .18s;display:flex}.submission-student-item:hover{border-color:var(--rsb-red,#3d8b37);background:#fbfdf9;transform:translate(2px);box-shadow:0 2px 8px #3d8b3714}.submission-student-item .avatar-small{background:var(--rsb-red,#3d8b37);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:flex}.status-pill{letter-spacing:.03em;border-radius:99px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.badge-count{border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:700}.sidebar-card .form-group{flex-direction:column;gap:.35rem;display:flex}.sidebar-card .form-group label{color:var(--rsb-navy,#0b2545);font-size:.8rem;font-weight:700}.sidebar-card .form-group select,.sidebar-card .form-group textarea{color:#334155;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.88rem;transition:border-color .2s}.sidebar-card .form-group select:focus,.sidebar-card .form-group textarea:focus{border-color:var(--rsb-red,#3d8b37);box-shadow:0 0 0 3px #3d8b371a}.sidebar-card .rsb-btn-primary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.7rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.sidebar-card .rsb-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.combined-tab-bar{width:auto!important}@media (width<=768px){.page-shell{padding:1rem}.test-card{flex-direction:column;align-items:flex-start}.test-action-btn{justify-content:center;width:100%}.workspace-grid{grid-template-columns:1fr!important}.submissions-list-scrollable{max-height:40vh}}.ck-editor__editable_inline{border-bottom-right-radius:6px!important;border-bottom-left-radius:6px!important;min-height:200px!important;max-height:400px!important}.ck.ck-editor__main>.ck-editor__editable{background-color:#fff!important}.tests-list{flex-direction:column;gap:1rem;display:flex}.test-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;transition:box-shadow .2s;display:flex}.test-card:hover{box-shadow:var(--shadow-md)}.test-locked{opacity:.7}.test-card-done{background:linear-gradient(135deg,#f0fdf4 0%,#fff 60%);border-left:4px solid #10b981}.test-info{flex:1}.test-info h3{margin-bottom:.4rem;font-size:1rem;font-weight:600}.test-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.test-meta span{align-items:center;gap:.3rem;display:flex}.test-score{color:#333;margin-top:.4rem;font-size:.88rem}.test-action-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.test-action-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.test-action-btn:disabled{cursor:not-allowed}.test-modal-overlay{z-index:1000;background:#0000008c;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:fixed;inset:0}.test-modal-content{background:#fff;border-radius:0;flex-direction:column;width:min(560px,100%);max-width:560px;height:100vh;animation:.28s forwards drawer-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-18px 0 42px #0003}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.modal-alert{border-radius:var(--radius-sm);color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b;align-items:center;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.quiz-question-box{flex-direction:column;gap:.75rem;display:flex}.question-text{color:var(--text-main);font-size:.95rem;line-height:1.4}.options-list{flex-direction:column;gap:.5rem;display:flex}.option-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .15s;display:flex}.option-btn:hover{background-color:var(--bg-card-light)}.option-btn.selected{border-color:var(--rsb-red);background-color:#af2b2b0d}.option-letter{background:var(--bg-card-light);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.option-btn.selected .option-letter{background:var(--rsb-red);color:#fff}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:1.25rem;display:flex}.test-results-view{text-align:center;flex-direction:column;gap:1rem;padding:2rem 0}.test-results-view h3{font-size:1.3rem;font-weight:600}.test-results-view p{color:var(--text-muted);max-width:320px;font-size:.92rem}@media (width>=768px){.tests-list{grid-template-columns:repeat(2,1fr);display:grid}}.new-post-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.post-avatar{background-color:var(--rsb-red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.post-send-btn{background:var(--rsb-red);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:.6rem .8rem;display:flex}.post-send-btn:hover{background:var(--rsb-red-hover)}.forum-feed{flex-direction:column;gap:1rem;display:flex}.forum-post{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;padding:1.25rem;transition:box-shadow .2s}.forum-post:hover{box-shadow:var(--shadow-md)}.post-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.post-meta{flex-direction:column;flex:1;display:flex}.post-author{font-size:.95rem;font-weight:600}.post-time{color:var(--text-muted);font-size:.75rem}.post-course-tag{color:var(--rsb-navy);white-space:nowrap;background:#eff6ff;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.post-content{color:#333;margin-bottom:1rem;font-size:.92rem;line-height:1.5}.post-actions{border-top:1px solid var(--border-color);gap:1.5rem;padding-top:.75rem;display:flex}.post-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;font-family:inherit;font-size:.82rem;display:flex}.post-action-btn:hover{color:var(--rsb-red)}.feedbacks-list{flex-direction:column;gap:1rem;display:flex}.feedback-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;transition:box-shadow .2s;overflow:hidden}.feedback-card:hover{box-shadow:var(--shadow-md)}.feedback-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.feedback-header h3{margin-bottom:.25rem;font-size:1rem;font-weight:600}.feedback-course{color:var(--text-muted);font-size:.82rem}.grade-badge{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.pending-badge{color:#888;background-color:#e5e7eb;gap:.3rem;width:auto;padding:.3rem .6rem;font-size:.7rem;font-weight:600}.feedback-body{flex-direction:column;gap:.75rem;padding:0 1.25rem 1.25rem;display:flex}.feedback-score{align-items:center;gap:.5rem;font-size:.88rem;display:flex}.feedback-date{color:var(--text-muted);margin-left:auto;font-size:.75rem}.feedback-comment{background:var(--bg-card-light);border-radius:var(--radius-sm);align-items:flex-start;gap:.6rem;padding:1rem;display:flex}.feedback-comment p{color:#444;font-size:.88rem;line-height:1.5}.feedback-awaiting{border-top:1px solid var(--border-color);background:var(--bg-card-light);align-items:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.feedback-awaiting p{color:var(--text-muted);font-size:.85rem}.library-search{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0 1rem;display:flex}.library-search .input-field{border:none;padding:.85rem 0}.library-search .input-field:focus{box-shadow:none}.resources-list{flex-direction:column;gap:.75rem;display:flex}.resource-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .2s;display:flex}.resource-card:hover{box-shadow:var(--shadow-md)}.resource-type-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.resource-info{flex:1}.resource-info h3{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.resource-info p{color:var(--text-muted);font-size:.78rem}.resource-download-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.6rem;transition:all .2s;display:flex}.resource-download-btn:hover{border-color:var(--rsb-red);color:var(--rsb-red)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 0}@media (width>=768px){.resources-list{grid-template-columns:repeat(2,1fr);display:grid}}.manage-users-wrapper{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.users-filter-row{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}@media (width<=768px){.users-filter-row{flex-direction:column;align-items:stretch}}.filter-left-group{flex:1;align-items:center;gap:.75rem;display:flex}.search-input-container{flex:1;max-width:400px;position:relative}.search-input-container svg{color:#9ca3af;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input-field{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:all .2s}.search-input-field:focus{border-color:#094a21;outline:none;box-shadow:0 0 0 3px #094a2114}.filter-trigger-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.filter-trigger-btn:hover{background:#f9fafb;border-color:#d1d5db}.filters-dropdown-panel{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:200px;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:310px;box-shadow:0 10px 15px -3px #0000001a}.filter-option-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.88rem;transition:background .15s}.filter-option-item:hover{color:#111827;background:#f3f4f6}.filter-option-item.active{color:#094a21;background:#eef6f0;font-weight:600}.add-user-btn{color:#fff;cursor:pointer;background:#094a21;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.add-user-btn:hover{background:#073818}.users-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.users-list-table{border-collapse:collapse;text-align:left;width:100%}.users-list-table th{color:#4b5563;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.users-list-table td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1rem 1.5rem;font-size:.9rem}.users-list-table tr:last-child td{border-bottom:none}.user-profile-cell{align-items:center;gap:.75rem;display:flex}.user-table-avatar{object-fit:cover;background:#f3f4f6;border:1px solid #0000000d;border-radius:50%;width:32px;height:32px}.user-table-avatar-fallback{color:#094a21;background:#eef6f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.user-name-text{color:#111827;font-weight:600}.badge{border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;line-height:1.25;display:inline-flex}.badge-role-student{color:#094a21;background-color:#eef6f0}.badge-role-instructor{color:#3730a3;background-color:#eef2ff}.badge-role-admin{color:#92400e;background-color:#fef3c7}.badge-status-active{color:#094a21;background-color:#eef6f0}.badge-status-inactive{color:#991b1b;background-color:#fef2f2}.action-dropdown-trigger{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.action-dropdown-trigger:hover{color:#4b5563;background:#f3f4f6}.actions-cell{position:relative}.actions-menu-dropdown{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:160px;padding:.25rem 0;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000001a}.actions-menu-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.85rem;display:flex}.actions-menu-item:hover{color:#111827;background:#f3f4f6}.actions-menu-item.delete{color:#b91c1c}.actions-menu-item.delete:hover{color:#991b1b;background:#fef2f2}.pagination-container{background:#fff;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-text{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;gap:.25rem;display:flex}.pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{color:#fff;background:#094a21;border-color:#094a21}.pagination-ellipsis{color:#6b7280;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title h2{color:#111827;margin:0;font-size:1.2rem;font-weight:700}.modal-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.modal-close-btn:hover{color:#4b5563;background:#f3f4f6}.notification-banner{border-radius:6px;align-items:center;gap:.5rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.admin-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.input-group label{color:#374151;font-size:.85rem;font-weight:600}.input-group input,.input-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.65rem .75rem;font-size:.9rem}.input-group input:focus,.input-group select:focus{border-color:#094a21;outline:none;box-shadow:0 0 0 3px #094a2114}.modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-ghost:hover{background:#f3f4f6}.btn-primary{color:#fff;cursor:pointer;background:#094a21;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#073818}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.searchable-select-container{position:relative}.searchable-dropdown-list{z-index:120;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;max-height:200px;margin-top:2px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.dropdown-item-option{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.dropdown-item-option:last-child{border-bottom:none}.dropdown-item-option:hover{color:#111827;background:#f3f4f6}.settings-hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#3d8b3714,#fdf1cdb3);border:1px solid #3d8b3726;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.settings-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--primary-green);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.settings-hero-card h2{margin-bottom:.75rem;font-size:1.55rem;line-height:1.2}.settings-hero-card p{color:var(--text-muted);max-width:42rem}.settings-hero-actions{flex-direction:column;align-items:flex-end;gap:.9rem;display:flex}.settings-badge{background:var(--ibbu-gold-light);color:#92400e;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.settings-shell{grid-template-columns:minmax(0,1.75fr) 360px;gap:1.5rem;display:grid}.settings-main{flex-direction:column;gap:1.5rem;display:flex}.settings-aside{flex-direction:column;gap:1rem;display:flex}.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.settings-tab{color:#334155;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:.85rem;padding:1.05rem 1rem;transition:all .2s;display:flex}.settings-tab:hover{background:#eef2f7}.settings-tab.active{border-color:var(--border-color);color:var(--dark-green);background:#fff;box-shadow:0 12px 30px #0f172a12}.settings-tab-icon{background:var(--ibbu-green-light);width:36px;height:36px;color:var(--primary-green);border-radius:12px;place-items:center;display:grid}.settings-tab strong{margin-bottom:.25rem;font-size:.98rem;display:block}.settings-tab span{flex-direction:column;gap:.25rem;display:inline-flex}.settings-tab span span{color:var(--text-muted);font-size:.86rem;font-weight:500}.settings-body{flex-direction:column;gap:1rem;display:flex}.settings-section-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.75rem}.settings-section-box h2{align-items:center;gap:.65rem;margin-bottom:1rem;font-size:1.15rem;font-weight:700;display:flex}.settings-section-copy{color:var(--text-muted);margin-bottom:1.25rem}.settings-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 0;display:flex}.settings-row:last-of-type{border-bottom:none}.settings-row span{color:var(--text-muted)}.settings-row-note{color:var(--text-muted);max-width:22rem;margin-top:.35rem;font-size:.88rem;display:block}.settings-row-stack{flex-direction:column;align-items:stretch}.settings-select{width:100%;max-width:260px}.settings-form{gap:1.1rem;display:grid}.settings-form-row{flex-direction:column;gap:.45rem;display:flex}.settings-form-row label{color:var(--text-muted);font-size:.95rem}.settings-input{width:100%}.settings-form-actions{justify-content:flex-end;display:flex}.settings-alert{border-radius:14px;padding:1rem 1.1rem;font-size:.92rem;line-height:1.5}.settings-alert.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.settings-alert.success{color:#166534;background:#ecfdf5;border:1px solid #86efac}.settings-summary-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.settings-card-highlight{background:var(--ibbu-gold-light);border-color:#e8950f4d}.settings-summary-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.settings-summary-label{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-green);margin-bottom:.35rem;font-size:.82rem;font-weight:700}.settings-summary-card h3{color:var(--rsb-navy);margin:0;font-size:1.1rem}.settings-summary-list{gap:1rem;display:grid}.settings-summary-item{gap:.35rem;display:grid}.settings-summary-item span{color:var(--text-muted);font-size:.9rem}.settings-summary-item strong{font-size:.98rem}.settings-summary-copy{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#d1d5db;border-radius:999px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-green)}input:checked+.slider:before{transform:translate(22px)}@media (width<=1024px){.settings-shell{grid-template-columns:1fr}}@media (width<=768px){.settings-hero-card{flex-direction:column;align-items:stretch}.settings-tabs{grid-template-columns:1fr}.settings-tab{width:100%}}.help-container{flex-direction:column;gap:1.5rem;display:flex}.help-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;padding:1.5rem}.help-box h2{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.faq-item{margin-bottom:1.25rem}.faq-item h3{color:var(--rsb-navy);margin-bottom:.4rem;font-size:.95rem;font-weight:600}.faq-item p{color:#555;font-size:.88rem;line-height:1.5}.contact-support-box p{margin-bottom:1.25rem;font-size:.9rem}.contact-methods{flex-direction:column;gap:1rem;display:flex}.contact-item{background:var(--bg-card-light);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.contact-item div{flex-direction:column;display:flex}.contact-item span{color:var(--text-muted);font-size:.75rem}.contact-item strong{color:var(--text-main);font-size:.9rem}.btn-primary:disabled{opacity:.6;color:#6b7280!important;cursor:not-allowed!important;box-shadow:none!important;background:#374151!important}.proctor-page-wrapper{color:#f3f4f6;background-color:#0b0f19;flex-direction:column;height:100vh;font-family:Montserrat,sans-serif;display:flex;position:relative;overflow:hidden}.proctor-header{background-color:#111827;border-bottom:1px solid #1f2937;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.exam-tag{color:var(--rsb-red);border:1px solid var(--rsb-red);letter-spacing:1px;background:#af2b2b26;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.proctor-identity h2{color:#fff;margin-top:.4rem;font-size:1.2rem;font-weight:700}.proctor-status-indicators{align-items:center;gap:1.5rem;display:flex}.timer-box{flex-direction:column;align-items:flex-end;display:flex}.timer-box .label{color:#9ca3af;letter-spacing:.5px;font-size:.65rem}.timer-box .value{color:#10b981;font-family:monospace;font-size:1.35rem;font-weight:700}.proctor-main-layout{flex:1;display:flex;overflow:hidden}.exam-questions-panel{background-color:#0f172a;flex:1;padding:2rem;overflow-y:auto}.exam-body{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}.proctor-question-box{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem}.question-text{color:#f9fafb;margin-bottom:1.25rem;font-size:1rem;line-height:1.5}.options-grid{flex-direction:column;gap:.75rem;display:flex}.proctor-option-btn{color:#d1d5db;text-align:left;cursor:pointer;background:#111827;border:1px solid #374151;border-radius:8px;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-family:inherit;font-size:.92rem;transition:all .15s;display:flex}.proctor-option-btn:hover{background-color:#1f2937;border-color:#4b5563}.proctor-option-btn.selected{border-color:var(--rsb-red);color:#fff;background-color:#af2b2b26}.proctor-option-btn .option-letter{color:#9ca3af;background:#374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.proctor-option-btn.selected .option-letter{background:var(--rsb-red);color:#fff}.exam-submission-footer{background:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1.25rem 1.5rem;display:flex}.exam-submission-footer .info-bar{color:#d1d5db;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.submit-exam-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s}.submit-exam-btn:hover{background:#059669}.exam-success-container{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:500px;margin:0 auto;padding:3rem 1rem;display:flex}.exam-success-container h1{font-size:1.6rem;font-weight:700}.exam-success-container p{color:#9ca3af;font-size:.92rem;line-height:1.5}.receipt-box{text-align:left;background:#1e293b;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex}.receipt-row{justify-content:space-between;font-size:.88rem;display:flex}.receipt-row span{color:#9ca3af}.success-tag{color:#10b981;font-weight:600}.proctor-security-sidebar{background-color:#111827;border-left:1px solid #1f2937;flex-direction:column;flex-shrink:0;gap:1.5rem;width:320px;padding:1.5rem;display:flex;overflow-y:auto}.proctor-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1.25rem}.proctor-card h3{letter-spacing:.5px;color:#9ca3af;text-transform:uppercase;border-bottom:1px solid #2d3748;margin-bottom:1rem;padding-bottom:.4rem;font-size:.85rem;font-weight:700}.video-container{aspect-ratio:4/3;background:#0b0f19;border:1px solid #2d3748;border-radius:8px;justify-content:center;align-items:center;margin-bottom:.85rem;display:flex;position:relative;overflow:hidden}.recording-dot-overlay{letter-spacing:.5px;z-index:20;background:#0009;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}@keyframes pulse-red{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.gaze-indicator-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.gaze-label{color:#9ca3af;align-items:center;gap:.4rem;display:flex}.gaze-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.gaze-pass{color:#10b981;background:#10b98126}.gaze-warn{color:#f59e0b;background:#f59e0b26}.integrity-meters{flex-direction:column;gap:1rem;display:flex}.meter-item{flex-direction:column;gap:.4rem;display:flex}.meter-info{color:#d1d5db;justify-content:space-between;font-size:.8rem;display:flex}.progress-bar{background:#111827;border-radius:3px;height:6px;overflow:hidden}.fill{height:100%;transition:width .3s}.fill-warning{background-color:#f59e0b}.fill-danger{background-color:#ef4444}.error-text{color:#ef4444;font-weight:700}.logs-feed-container{flex-direction:column;gap:.5rem;height:160px;font-family:monospace;font-size:.7rem;display:flex;overflow-y:auto}.log-entry{gap:.4rem;line-height:1.3;display:flex}.log-entry .timestamp{color:#6b7280;flex-shrink:0}.log-info{color:#9ca3af}.log-success{color:#10b981}.log-warning{color:#f59e0b}.log-error{color:#ef4444}.no-logs{color:#4b5563;text-align:center;padding-top:1.5rem;font-size:.75rem}.calibration-overlay{z-index:10000;background-color:#0b0f19f5;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:2rem 1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.calibration-panel{text-align:center;background-color:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:600px;margin-bottom:2rem;padding:2.5rem;display:flex;box-shadow:0 10px 25px #00000080}.calibration-panel h2{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.calibration-panel .sub{color:#9ca3af;margin-bottom:2rem;font-size:.9rem}.calibration-steps{text-align:left;flex-direction:column;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.step-content{flex-direction:column;flex:1;gap:.4rem;display:flex}.grant-camera-btn{background:var(--rsb-red);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;width:fit-content;padding:.5rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .2s;display:inline-flex}.grant-camera-btn:hover{background:#8b1a1a}.cam-error{color:#ef4444;font-size:.75rem}.calibration-video-preview{aspect-ratio:4/3;background:#0b0f19;border:1px solid #334155;border-radius:8px;width:100%;max-width:260px;margin:.5rem auto;position:relative;overflow:hidden}.cal-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.cal-live-badge{letter-spacing:.5px;color:#fff;background:#0009;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.cal-hint{color:#6b7280;font-family:monospace;font-size:.72rem}.step-row{align-items:center;gap:.75rem;font-size:.95rem;display:flex}.step-row .bullet{color:#9ca3af;background-color:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.step-row .bullet-active{background-color:var(--rsb-red);color:#fff}.start-exam-ready-btn{width:100%;margin-top:1.5rem;padding:.75rem 2rem!important;font-size:1rem!important}.start-exam-ready-btn:disabled{opacity:.6;color:#9ca3af!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#374151!important}.calibration-dot{background-color:var(--rsb-red);cursor:pointer;z-index:10001;color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;animation:1.5s infinite pulse-dot;display:flex;position:fixed;box-shadow:0 0 10px #af2b2bcc}@keyframes pulse-dot{0%{box-shadow:0 0 #af2b2bb3}70%{box-shadow:0 0 0 10px #af2b2b00}to{box-shadow:0 0 #af2b2b00}}.pt-tl{top:40px;left:40px}.pt-tr{top:40px;right:40px}.pt-cc{top:50%;left:50%}.pt-bl{bottom:40px;left:40px}.pt-br{bottom:40px;right:40px}.exam-suspended-lock{z-index:20000;background-color:#0b0f19fa;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.lock-box{border:2px solid var(--rsb-red);text-align:center;background-color:#111827;border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;width:90%;max-width:500px;padding:2.5rem;display:flex;box-shadow:0 10px 30px #af2b2b40}.lock-box h2{color:var(--rsb-red);font-size:1.4rem;font-weight:700}.lock-box p{color:#d1d5db;font-size:.92rem;line-height:1.5}.restore-fs-btn{width:100%;padding:.75rem 1.5rem!important;font-size:.95rem!important}#webgazerVideoContainer{z-index:5!important;border-radius:8px!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;transform:none!important}#webgazerVideoFeed{object-fit:cover!important;width:100%!important;height:100%!important;transform:scaleX(-1)!important}#webgazerGazeDot{z-index:999999!important;border:2px solid #10b981!important;box-shadow:0 0 10px #10b981!important}.interactive-classroom-container{color:#f8fafc;background-color:#0b0f19;flex-direction:column;width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.classroom-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f172ad9;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 1.75rem;display:flex}.classroom-title-area{align-items:center;gap:1rem;display:flex}.live-badge-glow{text-transform:uppercase;color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;font-weight:700;display:flex}.pulse-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow;box-shadow:0 0 8px #ef4444}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.9)}}.classroom-header h1{color:#f1f5f9;letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.exit-classroom-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.exit-classroom-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 15px #ef444440}.classroom-body{flex:1;display:flex;position:relative;overflow:hidden}.video-stage-wrapper{background-color:#030712;flex-direction:column;flex:1;display:flex;position:relative}.video-stage{flex:1;grid-template-columns:1fr;gap:1rem;padding:1.5rem;display:grid;position:relative}.video-stage.dual-view{grid-template-columns:3fr 1fr}@media (width<=992px){.video-stage.dual-view{grid-template-rows:2fr 1fr;grid-template-columns:1fr}}.video-container-card{background-color:#0f172a;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000080}.video-element-agora{object-fit:cover;width:100%;height:100%}.stage-overlay-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;background:#0f172abf;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.no-video-placeholder{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:1rem;display:flex}.no-video-placeholder h3{color:#94a3b8;margin:0}.classroom-controls-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0f172aeb;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:1.25rem;height:80px;padding:0 2rem;display:flex}.control-btn{color:#f8fafc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .25s;display:flex}.control-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.control-btn.active{background:linear-gradient(135deg,#d90429 0%,#b8031f 100%);border-color:#0000;box-shadow:0 4px 15px #d9042959}.control-btn.muted{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 15px #ef44444d}.classroom-sidebar{z-index:8;background-color:#0f172a;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:360px;display:flex}@media (width<=768px){.classroom-sidebar{width:100%;display:none;position:absolute;top:0;bottom:80px;right:0}.classroom-sidebar.open{display:flex}}.sidebar-tabs-row{background:#0f172a66;border-bottom:1px solid #ffffff14;display:flex}.sidebar-tab{text-align:center;color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1.1rem 0;font-size:.85rem;font-weight:700;transition:all .2s}.sidebar-tab.active{color:var(--rsb-red,#d90429);border-bottom-color:var(--rsb-red,#d90429)}.sidebar-content-area{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.user-list-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.user-meta-info{align-items:center;gap:.75rem;display:flex}.avatar-round-mini{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.avatar-round-mini.lecturer{background:var(--rsb-red,#d90429)}.user-name-text{color:#e2e8f0;font-size:.88rem;font-weight:600}.user-role-badge{text-transform:uppercase;color:#94a3b8;background:#ffffff0f;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.queue-card{background:linear-gradient(135deg,#d9042914 0%,#0f172acc 100%);border:1px solid #d9042933;border-radius:14px;flex-direction:column;gap:.85rem;padding:1rem;display:flex;box-shadow:0 4px 15px #00000026}.queue-user-header{justify-content:space-between;align-items:center;display:flex}.queue-actions-row{gap:.5rem;display:flex}.action-pill-btn{cursor:pointer;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.78rem;font-weight:700;transition:all .18s}.action-pill-btn.grant{color:#fff;background:#10b981}.action-pill-btn.grant:hover{background:#059669}.action-pill-btn.revoke{color:#fff;background:#ef4444}.action-pill-btn.revoke:hover{background:#dc2626}.queue-empty-prompt{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;font-size:.88rem;font-style:italic;display:flex}.student-live-mic-banner{color:#fff;background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:space-between;align-items:center;margin:1rem 1.5rem 0;padding:.85rem 1.5rem;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 15px #10b98133}.mic-active-glow{background-color:#fff;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse-glow-white}@keyframes pulse-glow-white{0%{transform:scale(.9);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #fff0}to{transform:scale(.9);box-shadow:0 0 #fff0}}.student-speak-request-panel{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.student-speak-request-panel h3{color:#e2e8f0;margin:0 0 .5rem;font-size:1.1rem}.student-speak-request-panel p{color:#64748b;margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.speak-request-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.speak-request-btn.inactive{background:var(--rsb-red,#d90429);color:#fff;box-shadow:0 8px 20px #d9042940}.speak-request-btn.inactive:hover{transform:translateY(-2px);box-shadow:0 12px 25px #d9042959}.speak-request-btn.pending{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.speak-request-btn.pending:hover{background:#f59e0b40}.classroom-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#030712d9;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.classroom-modal-card{text-align:center;background:linear-gradient(135deg,#111827 0%,#0f172a 100%);border:1px solid #ef444433;border-radius:24px;width:100%;max-width:480px;padding:2.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-in;box-shadow:0 20px 50px #0009,0 0 40px #ef44440d}.classroom-modal-icon-wrapper{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 20px #ef44441a}.classroom-modal-icon-alert{animation:1.5s infinite alert-shake}.classroom-modal-card h2{color:#f8fafc;letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.classroom-modal-card p{color:#94a3b8;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.classroom-modal-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.classroom-modal-btn{cursor:pointer;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:.92rem;font-weight:700;transition:all .2s}.classroom-modal-btn.cancel-btn{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1a}.classroom-modal-btn.cancel-btn:hover{background:#ffffff1f;border-color:#fff3}.classroom-modal-btn.confirm-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 15px #ef44444d}.classroom-modal-btn.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444473}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes alert-shake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-5deg)}40%,80%{transform:rotate(5deg)}}.vlab-scope{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.vlab-scope .container{max-width:500px;margin:0 auto;padding:20px 20px 40px;transition:all .3s}@media (width>=1024px){.vlab-scope .container{max-width:1100px}.vlab-scope .desktop-grid-2{gap:20px;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.vlab-scope .desktop-grid-3{gap:20px;grid-template-columns:repeat(3,1fr)!important;display:grid!important}.vlab-scope .desktop-grid-4{gap:20px;grid-template-columns:repeat(4,1fr)!important;display:grid!important}.vlab-scope .hide-on-desktop{display:none!important}}.vlab-scope .widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform, opacity;background:#fffffff2;border-radius:24px;margin-bottom:16px;padding:20px;transition:transform .3s,box-shadow .3s;animation:.5s vlabFadeInUp;box-shadow:0 10px 30px #00000026}.vlab-scope .widget:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0003}.vlab-scope .widget-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=600px){.vlab-scope .widget-row{grid-template-columns:1fr}}.vlab-scope .section-title{color:#1f2937;text-align:left;margin-bottom:16px;font-size:18px;font-weight:700}.vlab-scope .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#ffffffe6;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.vlab-scope .back-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;transition:color .2s}.vlab-scope .back-btn:hover{color:#1f2937}.vlab-scope .nav-title{color:#1f2937;font-size:18px;font-weight:700}.vlab-scope .content-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.vlab-scope .btn-primary{color:#fff;background:#3b82f6;flex:2}.vlab-scope .btn-primary:hover{background:#2563eb}.vlab-scope .btn-secondary{color:#4b5563;background:#f3f4f6;flex:1}.vlab-scope .btn-secondary:hover{background:#e5e7eb}.vlab-scope .card-container{perspective:1000px}.vlab-scope .card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.vlab-scope .card-front,.vlab-scope .card-back{backface-visibility:hidden;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.vlab-scope .card-front{color:#1f2937;background:#fff;border:1px solid #e5e7eb}.vlab-scope .card-back{color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);transform:rotateY(180deg)}@keyframes vlabFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-courses{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2.2rem;animation:.4s ease-out fadeIn;display:flex}.admin-courses-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.header-title-wrapper{align-items:center;gap:1rem;display:flex}.header-icon{color:var(--rsb-red);background:var(--ibbu-green-light);border-radius:12px;padding:10px;box-shadow:0 4px 10px #3d8b371a}.admin-courses-header h1{color:var(--rsb-navy);letter-spacing:-.5px;font-size:1.85rem;font-weight:800}.admin-courses-header .subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.courses-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.stat-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.stat-icon.green{background:var(--ibbu-green-light);color:var(--primary-green)}.stat-icon.blue{color:#1d4ed8;background:#eff6ff}.stat-icon.gold{background:var(--ibbu-gold-light);color:var(--ibbu-gold)}.stat-info{flex-direction:column;display:flex}.stat-info .val{color:var(--rsb-navy);font-size:1.85rem;font-weight:800;line-height:1.1}.stat-info .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem;font-size:.85rem;font-weight:600}.courses-table-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.table-header-row{border-bottom:1px solid var(--border-color);background:#fafdf8;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.table-header-row h2{color:var(--rsb-navy);font-size:1.2rem;font-weight:700}.badge-count{background:var(--ibbu-green-light);color:var(--primary-green);border-radius:99px;padding:4px 10px;font-size:.8rem;font-weight:700}.table-responsive{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;width:100%;overflow-x:auto}.courses-table{border-collapse:collapse;text-align:left;width:100%}.courses-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.75px;border-bottom:1.5px solid var(--border-color);white-space:nowrap;background:#f9fafb;padding:1rem 1.5rem;font-size:.8rem;font-weight:700}.courses-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #f0f5eb;padding:1.1rem 1.5rem;font-size:.92rem;transition:background-color .15s}.courses-table tbody tr:hover td{background-color:#fbfdf9}.course-title-cell{color:var(--rsb-navy);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-weight:600;overflow:hidden}.course-desc-cell{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.88rem;overflow:hidden}.placeholder-text{color:#b5bead;font-style:italic}.programme-pill{color:#1e40af;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-block}.code-badge{color:#1f2937;letter-spacing:.5px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-family:Courier New,Courier,monospace;font-size:.83rem;font-weight:700}.unit-badge{background:var(--ibbu-gold-light);color:#a16207;white-space:nowrap;border:1px solid #fef08a;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-block}.btn-edit-action{color:var(--primary-green);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000005}.btn-edit-action:hover{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:0 4px 8px #3d8b3726}.empty-state-cell{text-align:center;padding:4rem 1.5rem!important}.empty-state{flex-direction:column;align-items:center;gap:1rem;display:flex}.empty-icon{color:#9ca3af;animation:2s ease-in-out infinite pulse}.empty-state p{color:var(--text-muted);font-size:1rem;font-weight:500}.pagination-controls{border-top:1px solid var(--border-color);background:#fafdf8;justify-content:space-between;align-items:center;padding:1.2rem 1.75rem;display:flex}.pagination-btn{border:1px solid var(--border-color);color:var(--rsb-navy);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:.4rem;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background-color:var(--ibbu-green-light);color:var(--primary-green);border-color:var(--primary-green)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed;color:#9ca3af;background-color:#f9fafb}.page-indicator{color:var(--text-muted);font-size:.88rem}.page-indicator strong{color:var(--rsb-navy)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#142c1673;justify-content:flex-end;align-items:stretch;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{border:1px solid var(--border-color);background:#fff;border-radius:0;flex-direction:column;width:min(620px,100%);max-width:620px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-20px 0 60px #142c1629}.modal-header{border-bottom:1px solid var(--border-color);background:#fafdf8;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.modal-title{color:var(--rsb-navy);align-items:center;gap:.65rem;display:flex}.modal-title h2{letter-spacing:-.25px;margin:0;font-size:1.25rem;font-weight:700}.modal-title-icon{color:var(--primary-green)}.modal-close-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{color:var(--rsb-navy);background:#e5e7eb;transform:rotate(90deg)}.modal-panel .notification-banner{border-radius:10px;align-items:center;gap:.75rem;margin:1.25rem 1.75rem 0;padding:.85rem 1.1rem;font-size:.88rem;font-weight:600;animation:.25s ease-out bannerSlideIn;display:flex;box-shadow:0 2px 4px #00000005}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.notification-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.modal-panel .admin-form{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=500px){.input-row{grid-template-columns:1fr}}.input-group{flex-direction:column;gap:.45rem;display:flex}.input-group label{color:var(--rsb-navy);letter-spacing:.2px;font-size:.85rem;font-weight:700}.input-field{border:1.5px solid var(--border-color);width:100%;color:var(--text-main);background:#fff;border-radius:10px;outline:none;padding:.8rem 1rem;font-family:inherit;font-size:.92rem;transition:all .2s}.input-field:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #3d8b371a}.textarea-field{resize:vertical;min-height:100px}.modal-footer{border-top:1px solid var(--border-color);background:#fafdf8;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem 1.75rem;display:flex}.btn-ghost{border:1.5px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:10px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-ghost:hover{background:#f3f4f6;border-color:#d1d5db}.modal-panel .btn-primary{cursor:pointer;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;box-shadow:0 4px 10px #3d8b3733}.modal-panel .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (width<=768px){.admin-courses{gap:1.25rem;padding:1.25rem}.admin-courses-header{flex-direction:column;align-items:flex-start;gap:.75rem}.courses-stats-grid{grid-template-columns:1fr}}.cc-page{background:0 0;flex-direction:column;gap:24px;min-height:100vh;padding:28px 32px 48px;display:flex}.cc-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cc-header-left{align-items:center;gap:14px;display:flex}.cc-header-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 20px #10b98166}.cc-header-icon.student{background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);box-shadow:0 4px 20px #10b9814d}.cc-page-header h1{color:var(--color-text-primary,#f0f0f0);margin:0 0 2px;font-size:1.6rem;font-weight:800;line-height:1.2}.cc-page-header p{color:var(--color-text-secondary,#a0a0b0);margin:0;font-size:.85rem}.cc-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.cc-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.cc-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-btn-outline{color:var(--color-text-primary,#f0f0f0);cursor:pointer;background:0 0;border:1.5px solid #10b98140;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.cc-btn-outline:hover{background:#10b9810d;border-color:#10b98180}.cc-join-card{background:linear-gradient(135deg,#10b9811f,#0d948814);border:1px solid #10b98133;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.cc-join-icon{color:#34d399;background:#10b98133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cc-join-content{flex:1;min-width:160px}.cc-join-content strong{color:var(--color-text-primary,#f0f0f0);font-size:.95rem;font-weight:700;display:block}.cc-join-content p{color:var(--color-text-secondary,#a0a0b0);margin:2px 0 0;font-size:.8rem}.cc-join-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-join-form input{color:var(--color-text-primary,#f0f0f0);letter-spacing:.05em;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:9px;outline:none;width:160px;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:.88rem}.cc-join-form input:focus{border-color:#10b98180}.cc-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.cc-tab{cursor:pointer;color:var(--color-text-secondary,#a0a0b0);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.cc-tab:hover{color:var(--color-text-primary,#f0f0f0);background:#ffffff0d}.cc-tab.active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.cc-tab-badge{color:#fff;text-align:center;background:#10b981;border-radius:20px;min-width:18px;padding:0 6px;font-size:.7rem;font-weight:700}.cc-search-bar{color:var(--color-text-secondary,#a0a0b0);background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;display:flex}.cc-search-bar input{color:var(--color-text-primary,#f0f0f0);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.cc-search-bar button{color:#34d399;cursor:pointer;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:background .2s}.cc-search-bar button:hover{background:#10b98166}.cc-courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.cc-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:22px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.cc-card:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 8px 32px #10b9811f}.cc-card.draft{opacity:.7;border-style:dashed}.cc-card.student-card:hover{border-color:#10b98166;box-shadow:0 8px 32px #10b98126}.cc-card.enrolled-card:hover{border-color:#22c55e59;box-shadow:0 8px 32px #22c55e1a}.cc-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cc-card-badges{flex-wrap:wrap;gap:5px;display:flex}.cc-card-actions{flex-shrink:0;gap:4px;display:flex}.cc-card-title{color:var(--color-text-primary,#f0f0f0);margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.cc-card-desc{color:var(--color-text-secondary,#a0a0b0);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.cc-card-cat{color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:.75rem;display:inline-flex}.cc-card-meta{color:var(--color-text-secondary,#a0a0b0);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.cc-creator{font-style:italic}.cc-badge{text-transform:capitalize;letter-spacing:.02em;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.cc-badge.level-beginner{color:#34d399;background:#34d3991f;border:1px solid #34d39940}.cc-badge.level-intermediate{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c40}.cc-badge.level-advanced{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.cc-badge.cert{color:#fbbf24;background:#eab3081f;border:1px solid #eab30840}.cc-badge.status-published{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.cc-badge.status-draft{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.cc-badge.status-archived{color:#64748b;background:#64748b1a;border:1px solid #64748b33}.cc-badge.status-active{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.cc-badge.status-completed{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e933}.cc-card-price{display:flex}.cc-free-tag,.cc-paid-tag{border-radius:8px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.cc-free-tag{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.cc-paid-tag{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c33}.cc-code-row{background:#00000040;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;display:flex}.cc-code-label{color:var(--color-text-secondary,#a0a0b0);white-space:nowrap;font-size:.75rem}.cc-code{color:#34d399;letter-spacing:.05em;flex:1;font-family:JetBrains Mono,monospace;font-size:.85rem}.cc-copy-btn{cursor:pointer;width:26px;height:26px;color:var(--color-text-secondary,#a0a0b0);background:#ffffff12;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.cc-copy-btn:hover{background:#ffffff24}.cc-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.cc-card-stat{color:var(--color-text-secondary,#a0a0b0);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.cc-mini-toggle{cursor:pointer;border:1px solid;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.cc-mini-toggle.on{color:#34d399;background:#10b9811a;border-color:#10b98140}.cc-mini-toggle.off{color:#94a3b8;background:#94a3b814;border-color:#94a3b826}.cc-icon-btn{width:30px;height:30px;color:var(--color-text-secondary,#a0a0b0);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cc-icon-btn:hover{color:var(--color-text-primary,#f0f0f0);background:#ffffff1f}.cc-icon-btn.danger:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.cc-delete-confirm{background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-top:10px;padding:12px 16px}.cc-delete-confirm p{color:#fca5a5;margin:0 0 10px;font-size:.82rem}.cc-delete-btns{gap:8px;display:flex}.cc-delete-btns button{color:var(--color-text-primary,#f0f0f0);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.cc-delete-btns button.danger{color:#fca5a5;background:#ef444433;border-color:#ef444466}.cc-delete-btns button:hover{background:#ffffff1f}.cc-delete-btns button.danger:hover{background:#ef444459}.cc-btn-enroll{color:#34d399;cursor:pointer;background:linear-gradient(135deg,#10b98133,#0d948826);border:1px solid #10b9814d;border-radius:10px;width:100%;margin-top:auto;padding:10px;font-size:.88rem;font-weight:700;transition:all .2s}.cc-btn-enroll:hover{background:linear-gradient(135deg,#10b98159,#0d948840)}.cc-btn-enroll.paid{color:#fb923c;background:linear-gradient(135deg,#fb923c33,#ef44441a);border-color:#fb923c4d}.cc-btn-enroll.paid:hover{background:linear-gradient(135deg,#fb923c59,#ef444433)}.cc-btn-enroll:disabled{opacity:.5;cursor:not-allowed}.cc-enrolled-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cc-payment-badge{text-transform:uppercase;color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.cc-completed{color:#34d399;align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.cc-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.cc-drawer-backdrop.visible{opacity:1;pointer-events:auto}.cc-drawer{z-index:1001;background:#12121a;border-left:1px solid #10b98133;flex-direction:column;width:480px;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.cc-drawer.open{transform:translate(0)}.cc-drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.cc-drawer-header h2{color:var(--color-text-primary,#f0f0f0);margin:0;font-size:1.25rem;font-weight:800}.cc-drawer-close{color:var(--color-text-secondary,#a0a0b0);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cc-drawer-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.cc-drawer-body{flex:1;padding:28px;overflow-y:auto}.cc-form{flex-direction:column;gap:20px;display:flex}.cc-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cc-field{flex-direction:column;gap:6px;display:flex}.cc-field label{color:var(--color-text-secondary,#a0a0b0);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:700}.cc-field input,.cc-field select,.cc-field textarea{color:var(--color-text-primary,#f0f0f0);resize:vertical;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:9px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.cc-field input:focus,.cc-field select:focus,.cc-field textarea:focus{border-color:#10b98180}.cc-field select option{color:#f0f0f0;background:#12121a}.cc-toggle-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.cc-toggle-info{color:var(--color-text-secondary,#a0a0b0);align-items:flex-start;gap:10px;display:flex}.cc-toggle-info>svg{color:#10b981;flex-shrink:0;margin-top:2px}.cc-toggle-info strong{color:var(--color-text-primary,#f0f0f0);margin-bottom:1px;font-size:.88rem;font-weight:700;display:block}.cc-toggle-info span{font-size:.76rem;line-height:1.3}.cc-toggle-row{gap:8px;display:flex}.cc-pill{color:var(--color-text-secondary,#a0a0b0);cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.cc-pill.active{color:#34d399;background:#10b98126;border-color:#10b98166}.cc-switch{cursor:pointer;border:1.5px solid;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:7px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.cc-switch.on{color:#34d399;background:#10b9811a;border-color:#10b9814d}.cc-switch.off{color:#94a3b8;background:#94a3b814;border-color:#94a3b833}.cc-price-input{background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:9px;align-items:center;display:flex;overflow:hidden}.cc-currency-prefix{color:var(--color-text-secondary,#a0a0b0);background:#ffffff0a;border-right:1px solid #ffffff0f;padding:8px 12px;font-size:.88rem;font-weight:700}.cc-price-input input{color:var(--color-text-primary,#f0f0f0);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:.88rem}.cc-form-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:18px;display:flex}.cc-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.cc-success-banner{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.cc-empty{text-align:center;color:var(--color-text-secondary,#a0a0b0);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 32px;display:flex}.cc-empty svg{opacity:.3;color:#10b981}.cc-empty h3{color:var(--color-text-primary,#f0f0f0);margin:0;font-size:1.2rem}.cc-empty p{margin:0;font-size:.88rem}.cc-loading{flex-direction:column;gap:16px;display:flex}.cc-skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:16px;height:200px;animation:1.6s infinite cc-shimmer}@keyframes cc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cc-enrolled-progress{flex-direction:column;gap:6px;margin:8px 0;display:flex}.cc-progress-text{color:var(--color-text-secondary,#a0a0b0);justify-content:space-between;font-size:.78rem;display:flex}.cc-progress-bar{background:#ffffff14;border-radius:4px;height:6px;overflow:hidden}.cc-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s}.cc-checkout-summary{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.cc-checkout-item{color:var(--color-text-secondary,#a0a0b0);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.cc-checkout-price{color:#34d399;font-size:1.1rem;font-weight:800}.cc-sandbox-disclaimer{color:#ffedd5;background:#fb923c1a;border:1px solid #fb923c33;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:.78rem;display:flex}.cc-sandbox-disclaimer svg{color:#fb923c;flex-shrink:0}.cc-curriculum-editor{flex-direction:column;gap:20px;display:flex}.cc-modules-list{flex-direction:column;gap:16px;display:flex}.cc-module-builder-card{background:#ffffff05;border:1.5px solid #10b98126;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.cc-module-builder-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:12px;display:flex}.cc-builder-label{color:#34d399;text-transform:uppercase;background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:800}.cc-module-title-input{color:var(--color-text-primary,#f0f0f0);background:0 0;border:none;border-bottom:1.5px solid #ffffff1a;outline:none;flex:1;padding:4px 0;font-size:.95rem;font-weight:700;transition:border-color .2s}.cc-module-title-input:focus{border-color:#10b981}.cc-topics-builder-list{border-left:2px solid #ffffff0a;flex-direction:column;gap:12px;padding-left:14px;display:flex}.cc-topic-builder-card{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.cc-topic-builder-header{align-items:center;gap:10px;display:flex}.cc-topic-title-input{color:var(--color-text-primary,#f0f0f0);background:0 0;border:none;border-bottom:1px solid #ffffff14;outline:none;flex:1;padding:2px 0;font-size:.85rem}.cc-topic-title-input:focus{border-color:#34d399}.cc-topic-textarea{width:100%;color:var(--color-text-secondary,#a0a0b0);resize:vertical;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.78rem}.cc-topic-textarea.content{color:var(--color-text-primary,#f0f0f0);font-size:.82rem;line-height:1.4}.cc-curriculum-actions{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:14px;padding-top:16px;display:flex}.cc-classroom{background:#0f0f15;border:1px solid #10b98126;border-radius:16px;flex-direction:column;height:calc(100vh - 120px);min-height:500px;display:flex;overflow:hidden}.cc-classroom-header{background:#151520;border-bottom:1px solid #10b98126;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.cc-classroom-back{color:var(--color-text-secondary,#a0a0b0);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.cc-classroom-back:hover{color:#34d399}.cc-classroom-title-wrapper{text-align:center;flex:1;min-width:200px}.cc-classroom-course-title{color:var(--color-text-primary,#f0f0f0);margin:0 0 4px;font-size:1.2rem;font-weight:800}.cc-classroom-progress-pill{color:#34d399;background:#10b9811f;border:1px solid #10b98133;border-radius:20px;padding:3px 10px;font-size:.76rem;font-weight:700}.cc-classroom-body{flex:1;display:flex;overflow:hidden}.cc-classroom-sidebar{background:#12121a;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.cc-classroom-sidebar h3{text-transform:uppercase;color:var(--color-text-secondary,#a0a0b0);letter-spacing:.05em;margin:0;padding:20px 24px 10px;font-size:.85rem;font-weight:700}.cc-no-modules{color:var(--color-text-secondary,#a0a0b0);padding:10px 24px;font-size:.82rem;font-style:italic}.cc-classroom-modules{flex-direction:column;gap:14px;padding:10px 16px 30px;display:flex}.cc-classroom-module h4{color:var(--color-text-primary,#f0f0f0);margin:0 0 6px 8px;font-size:.82rem;font-weight:800}.cc-classroom-topics{flex-direction:column;gap:4px;display:flex}.cc-classroom-topic-btn{color:var(--color-text-secondary,#a0a0b0);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;transition:all .2s;display:flex}.cc-classroom-topic-btn:hover{color:var(--color-text-primary,#f0f0f0);background:#ffffff08}.cc-classroom-topic-btn.active{color:#34d399;background:#10b9811a;font-weight:700}.cc-topic-check{background:0 0;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cc-topic-check.done{color:#fff;background:#10b981;border-color:#10b981}.cc-topic-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cc-classroom-main{background:#0d0d12;flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.cc-classroom-content-card{flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;display:flex}.cc-classroom-topic-title{color:var(--color-text-primary,#f0f0f0);border-left:4px solid #10b981;margin:0;padding-left:16px;font-size:1.8rem;font-weight:800}.cc-classroom-topic-summary{background:#10b9810d;border-left:3px solid #34d399;border-radius:0 8px 8px 0;padding:16px 20px}.cc-classroom-topic-summary h5{text-transform:uppercase;color:#34d399;letter-spacing:.05em;margin:0 0 6px;font-size:.78rem}.cc-classroom-topic-summary p{color:var(--color-text-secondary,#a0a0b0);margin:0;font-size:.85rem;line-height:1.5}.cc-classroom-topic-content p{color:var(--color-text-primary,#e2e8f0);margin:0 0 16px;font-size:.95rem;line-height:1.7}.cc-no-content-placeholder{color:var(--color-text-secondary,#a0a0b0);font-style:italic}.cc-classroom-topic-actions{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:24px}.cc-btn-complete{color:#34d399;cursor:pointer;background:#10b9811a;border:1.5px solid #10b98166;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.cc-btn-complete:hover{background:#10b98133}.cc-btn-complete.completed{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000}.cc-classroom-empty-pane{height:100%;color:var(--color-text-secondary,#a0a0b0);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.cc-classroom-empty-pane svg{opacity:.25;color:#10b981}.cc-classroom-empty-pane h3{color:var(--color-text-primary,#f0f0f0);margin:0;font-size:1.25rem}.cc-classroom-empty-pane p{margin:0;font-size:.88rem}.cc-cert-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.cc-cert-modal-card{background:#111118;border:1px solid #10b9814d;border-radius:20px;flex-direction:column;width:900px;max-width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #0009}.cc-cert-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.cc-cert-modal-header h2{color:var(--color-text-primary,#f0f0f0);margin:0;font-size:1.15rem}.cc-cert-modal-body{flex:1;justify-content:center;padding:24px;display:flex;overflow-y:auto}.cc-certificate-paper{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:4px;width:800px;padding:20px}.cc-cert-border-outer{box-sizing:border-box;border:12px double #065f46;height:100%;padding:10px}.cc-cert-border-inner{text-align:center;box-sizing:border-box;background:#fafaf9;border:2px solid #047857;padding:30px 40px;position:relative}.cc-cert-watermark{opacity:.04;color:#047857;pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-cert-content{z-index:1;position:relative}.cc-cert-logo-section{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.cc-cert-medal{color:#b45309}.cc-cert-issuer{letter-spacing:.15em;color:#065f46;font-size:.8rem;font-weight:800}.cc-cert-title-main{color:#0f172a;margin:12px 0 6px;font-family:Playfair Display,Georgia,serif;font-size:2.2rem;font-weight:800}.cc-cert-subtitle{letter-spacing:.2em;color:#64748b;font-size:.72rem;font-weight:700}.cc-cert-recipient-name{color:#065f46;margin:10px 0;font-family:Great Vibes,Monotype Corsiva,cursive,serif;font-size:2.5rem;font-weight:600}.cc-cert-divider{background:radial-gradient(circle,#b45309 0%,#fff0 100%);width:240px;height:2px;margin:14px auto}.cc-cert-text{color:#475569;max-width:500px;margin:0 auto 10px;font-size:.85rem;line-height:1.6}.cc-cert-course-title{color:#0f172a;margin:0 0 4px;font-size:1.4rem;font-weight:800}.cc-cert-category-level{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:28px;font-size:.7rem}.cc-cert-footer-row{grid-template-columns:1fr 1fr 1fr;align-items:flex-end;margin-top:10px;display:grid}.cc-cert-sign-block{text-align:left}.cc-cert-signature-line{background:#94a3b8;width:140px;height:1px;margin-bottom:6px}.cc-cert-sign-label{color:#64748b;margin-bottom:2px;font-size:.65rem;display:block}.cc-cert-sign-name{color:#334155;font-size:.72rem;display:block}.cc-cert-date-block{text-align:right}.cc-cert-date-block strong{color:#334155;margin-bottom:4px;font-size:.78rem;display:block}.cc-cert-date-label{color:#64748b;font-size:.65rem;display:block}.cc-cert-seal-block{justify-content:center;display:flex}.cc-cert-seal{background:#fef3c7;border:2px dashed #b45309;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex}.cc-cert-seal-inner{color:#b45309;letter-spacing:.05em;border:1px solid #d97706;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:.52rem;font-weight:800;line-height:1.2;display:flex}.cc-cert-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media print{body *{visibility:hidden}#printable-certificate,#printable-certificate *{visibility:visible}#printable-certificate{color:#000;background:#fff;border:none;width:800px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.1)}.cc-cert-overlay{background:#fff;padding:0}.cc-cert-modal-card{box-shadow:none;background:0 0;border:none}.cc-cert-modal-header,.cc-cert-modal-footer{display:none!important}}@media (width<=640px){.cc-page{gap:18px;padding:20px 16px 40px}.cc-page-header,.cc-join-card{flex-direction:column;align-items:flex-start}.cc-join-form,.cc-join-form input,.cc-drawer{width:100%}.cc-form-row{grid-template-columns:1fr}.cc-classroom{height:auto}.cc-classroom-body{flex-direction:column}.cc-classroom-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;width:100%;height:250px}}.cc-drawer.cc-drawer-light{color:#1e293b;background:#fff;border-left:1px solid #e2e8f0}.cc-drawer-light .cc-drawer-header{border-bottom:1px solid #e2e8f0}.cc-drawer-light .cc-drawer-header h2{color:#0f172a}.cc-drawer-light .cc-drawer-close{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.cc-drawer-light .cc-drawer-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.cc-drawer-light .cc-field label{color:#475569}.cc-drawer-light .cc-field input,.cc-drawer-light .cc-field select,.cc-drawer-light .cc-field textarea{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1}.cc-drawer-light .cc-field input:focus,.cc-drawer-light .cc-field select:focus,.cc-drawer-light .cc-field textarea:focus{background:#fff;border-color:#10b981}.cc-drawer-light .cc-field select option{color:#0f172a;background:#fff}.cc-drawer-light .cc-toggle-card{background:#f8fafc;border:1px solid #e2e8f0}.cc-drawer-light .cc-toggle-info strong{color:#0f172a}.cc-drawer-light .cc-toggle-info span{color:#64748b}.cc-drawer-light .cc-pill{color:#64748b;background:#fff;border:1.5px solid #cbd5e1}.cc-drawer-light .cc-pill.active{color:#047857;background:#10b9811a;border-color:#10b981}.cc-drawer-light .cc-switch.off{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}.cc-drawer-light .cc-price-input{background:#fff;border:1.5px solid #cbd5e1}.cc-drawer-light .cc-currency-prefix{color:#475569;background:#f1f5f9;border-right:1px solid #cbd5e1}.cc-drawer-light .cc-price-input input{color:#0f172a}.cc-drawer-light .cc-btn-outline{color:#475569;border:1.5px solid #cbd5e1}.cc-drawer-light .cc-btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.cc-drawer-light .cc-form-actions{border-top:1px solid #e2e8f0}