:root{--bg-color:#0b1120;--surface-color-1:#ffffff08;--surface-color-2:#ffffff12;--glass-border:#ffffff0d;--text-primary:#fff;--text-secondary:#94a3b8;--accent-1:#0056b3;--accent-2:gold;--accent-glow:#0056b359;--danger:#ef4444;--success:#10b981;--panel-item-bg:#ffffff08;--bg-secondary:#1e212f;--sticky-header-bg:#0f172a;--divider-color:#ffffff1a;--blob-opacity:.5}:root[data-theme=light]{--bg-color:#f1f5f9;--surface-color-1:#ffffffd9;--surface-color-2:#fffffff2;--glass-border:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--accent-1:#0056b3;--accent-glow:#0056b333;--panel-item-bg:#0000000a;--bg-secondary:#fff;--sticky-header-bg:#fff;--divider-color:#0000001a;--blob-opacity:.1}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;position:relative}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:var(--blob-opacity);border-radius:50%;transition:opacity .5s;position:fixed}body:before{background:var(--accent-1);width:40vw;height:40vw;top:-10vw;left:-10vw}body:after{background:var(--accent-2);width:30vw;height:30vw;bottom:-10vw;right:-10vw}.glass-panel{background:var(--surface-color-1);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:24px;box-shadow:0 4px 30px #0000001a}.glass-panel-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.glass-panel-hover:hover{background:var(--surface-color-2);border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0006}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:Outfit,sans-serif;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;box-shadow:0 4px 15px var(--accent-glow);border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(#fff3,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:scale(.98)}.input-field{width:100%;color:var(--text-primary);background:#00000040;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 18px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.input-field:hover{background:#00000059;border-color:#fff3}.input-field:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px var(--accent-glow), inset 0 2px 4px #00000040;background:#0006}.input-field::placeholder{color:#fff6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.p-6{padding:1.5rem}.p-8{padding:2rem}@media (width<=600px){.p-6{padding:1.25rem}.p-8{padding:1.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (width<=480px){.p-6,.p-8{padding:1rem}}.grid-cols-admin{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.grid-cols-admin{grid-template-columns:1fr}}@media (width<=768px){.grid-2{grid-template-columns:1fr;gap:1rem}}.grid-cols-course{grid-template-columns:2.5fr 1fr;gap:2rem;display:grid}@media (width<=1100px){.grid-cols-course{grid-template-columns:1.8fr 1fr}}@media (width<=900px){.grid-cols-course{grid-template-columns:1fr;gap:1.5rem}}.quiz-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=480px){.quiz-card-footer{flex-direction:column;align-items:stretch}.quiz-card-footer>*{text-align:center;width:100%;justify-content:center!important}}.nav-layout{justify-content:space-between;align-items:center;display:flex}.nav-actions{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}@media (width<=800px){.nav-layout{flex-direction:row;justify-content:space-between;padding:1rem!important}.mobile-menu-btn{z-index:100;justify-content:center;align-items:center;display:flex}.nav-actions{background:var(--sticky-header-bg);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);opacity:0;visibility:hidden;z-index:90;transform-origin:top;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;margin-top:10px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-20px)scale(.95);box-shadow:0 10px 40px #0000004d}.nav-actions.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-actions>.action-group{flex-direction:column;align-items:stretch;gap:.5rem;padding:10px}.nav-actions>.action-group button{justify-content:center;padding:12px}.nav-actions .nav-divider{width:100%!important;height:1px!important;margin:10px 0!important}.nav-actions .user-profile-capsule{justify-content:center;margin-top:.5rem}}.nav-buttons-panel,.nav-quick-actions{background:var(--panel-item-bg);border:1px solid var(--divider-color);border-radius:12px;flex-flow:wrap;gap:.5rem;padding:4px;display:flex}.legacy-archive-layout{flex-direction:column;gap:1.5rem;min-height:60vh;display:flex}.legacy-archive-layout>div:first-child{max-height:none;position:relative;top:0}@media (width>=901px){.legacy-archive-layout{grid-template-columns:340px 1fr;display:grid}.legacy-archive-layout>div:first-child{max-height:80vh;position:sticky;top:1rem}}.legacy-profile-header{transition:all .3s}@media (width<=600px){.legacy-profile-header{text-align:center;flex-direction:column;justify-content:center}.legacy-profile-header>div:last-child{width:100%;margin-top:1rem}}.nav-quick-actions{justify-content:center;align-items:center}.nav-divider{background:var(--divider-color);width:1px;height:30px;margin:0 4px}.scroll-shadow-container{max-width:100%;position:relative}.scroll-shadow-container:after{content:"";background:linear-gradient(to left, var(--bg-color), transparent);pointer-events:none;opacity:0;width:30px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:0}@media (width<=900px){.scroll-shadow-container:after{opacity:.6}}.responsive-padding{padding:2rem}@media (width<=600px){.responsive-padding{padding:1rem}}:root[data-theme=light] .input-field{color:var(--text-primary);background:#fffc;border:1px solid #0003}:root[data-theme=light] .input-field::placeholder{color:#94a3b8}.sub-tab-container{background:#0003;border-radius:16px;gap:1rem;width:fit-content;max-width:100%;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:4px;display:flex}.tabs-container{max-width:100%}.sub-tab-btn{color:var(--text-secondary);border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .3s}.sub-tab-btn.active{background:var(--accent-1);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.course-config-grid{grid-template-columns:250px 1fr;gap:2rem;display:grid}@media (width<=1000px){.course-config-grid{grid-template-columns:1fr}}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.file-upload-wrapper{width:100%;position:relative}.file-upload-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-upload-btn{color:var(--text-secondary);background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:14px;transition:all .3s;display:flex}.file-upload-wrapper:hover .file-upload-btn{border-color:var(--accent-1);color:#fff;background:#ffffff1a}.db-layout{gap:2rem;width:100%;display:flex}.db-list-side{flex:1;max-width:350px;max-height:70vh;overflow-y:auto}.db-details-side{flex-direction:column;flex:2;min-height:600px;display:flex}@media (width<=900px){.db-layout{flex-direction:column}.db-list-side{max-width:100%;max-height:250px}.db-details-side{min-height:auto}.tabs-container,.sub-tab-container{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;margin-bottom:1rem;padding-bottom:10px;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.sub-tab-container::-webkit-scrollbar{display:none}.tabs-container>*,.sub-tab-container>*{flex-shrink:0}.tab-button{flex:none}}.no-select{-webkit-user-select:none;user-select:none}@media print{body{display:none!important}}.skeleton{background:var(--surface-color-2);background:linear-gradient(90deg, var(--surface-color-2) 25%, var(--surface-color-1) 50%, var(--surface-color-2) 75%);opacity:.5;background-size:200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:4px;width:100%;height:.8rem;margin-bottom:.5rem}.skeleton-title{border-radius:6px;width:70%;height:1.5rem;margin-bottom:1rem}.skeleton-rect{border-radius:20px;width:100%;height:140px}:root[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #4ade80b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4ade8000}to{transform:scale(.95);box-shadow:0 0 #4ade8000}}@keyframes pulse-dot-small{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes pulse-bell{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.pulse-bell{animation:2s ease-in-out infinite pulse-bell;display:inline-block}.pulse-dot-small{animation:2s ease-in-out infinite pulse-dot-small}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.notifications-dropdown{background:var(--bg-secondary);border:1px solid var(--divider-color);z-index:200;border-radius:12px;width:420px;animation:.3s ease-out fadeInDown;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 10px 40px #0009}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.notifications-dropdown{z-index:1000;width:auto;max-width:none;position:fixed;top:90px;left:1rem;right:1rem;transform:none;box-shadow:0 15px 50px #000c}}.backdrop-blur{-webkit-backdrop-filter:blur(8px);z-index:95;background:#0006;position:fixed;inset:0}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:4px 10px;font-size:.7rem;font-weight:600}.badge-success{color:#10b981;background:#10b98126;border:1px solid #10b98133}.badge-error{color:#ef4444;background:#ef444426;border:1px solid #ef444433}.active-item{position:relative}.active-item:before{content:"";background:var(--accent-1);border-radius:0 4px 4px 0;width:4px;position:absolute;top:20%;bottom:20%;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-down{animation:.4s cubic-bezier(.2,.8,.2,1) slideDown}.slide-left{animation:.4s cubic-bezier(.2,.8,.2,1) slideLeft}.fade-in{animation:.5s ease-out fadeIn}.border-glass{border-color:var(--glass-border)}.bg-glass{background:var(--surface-color-1)}.bg-white\/5{background:#ffffff0d}.bg-white\/10{background:#ffffff1a}.bg-white\/2{background:#ffffff05}.bg-white\/3{background:#ffffff08}.text-danger{color:var(--danger)}.text-secondary{color:var(--text-secondary)}.group-manager-layout{align-items:stretch;gap:1.5rem;height:750px;display:flex}.group-sidebar{flex-direction:column;flex-shrink:0;width:320px;padding:0;display:flex;overflow:hidden}.group-add-panel{border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#141417f2;flex-direction:column;width:380px;animation:.4s cubic-bezier(.16,1,.3,1) slide-left;display:flex;box-shadow:-20px 0 50px #00000080}@keyframes slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-up{animation:.5s cubic-bezier(.16,1,.3,1) slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media (width<=1024px){.group-manager-layout{flex-direction:column;height:auto;min-height:800px}.group-sidebar{width:100%;height:300px}.group-add-panel{border-left:none;border-top:1px solid var(--glass-border);width:100%;height:400px}}@media (width<=600px){.group-manager-layout{gap:1rem}.group-sidebar{height:250px}}