@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color:#0ea5e9;--primary-light:#38bdf8;--secondary-color:#0284c7;--bg-color:#f0f9ff;--card-bg:#ffffffd9;--card-border:#ffffff80;--text-dark:#0f172a;--text-muted:#475569;--text-light:#94a3b8;--input-border:#cbd5e1}body{box-sizing:border-box;color:var(--text-dark);background-color:var(--bg-color);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--primary-light);width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:#0ea5e966;width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-100px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);z-index:1;border-radius:24px;width:100%;max-width:440px;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-container{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;width:64px;height:64px;box-shadow:0 10px 20px -10px var(--primary-color);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.login-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-dark);font-size:.9rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);transition:color .3s;position:absolute;left:1rem}.input-wrapper input{border:1.5px solid var(--input-border);width:100%;color:var(--text-dark);background:#fffc;border-radius:12px;padding:.875rem 1rem .875rem 3rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper input:focus+.input-icon{color:var(--primary-color)}.form-options{justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:.5rem;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.forgot-password{color:var(--primary-color);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--secondary-color)}.login-button{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #2563eb33}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2563eb4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.8;cursor:not-allowed}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid var(--input-border);margin-top:2rem;padding-top:1.5rem}.login-footer p{color:var(--text-light);font-size:.85rem}@media (width<=480px){.login-card{border:none;border-radius:0;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;display:flex}}.dashboard-container{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-light);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.dashboard-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dashboard-content{z-index:1;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex;position:relative}.dashboard-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px 0;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.header-brand h2{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.logo-container.sm{border-radius:12px;width:40px;height:40px}.header-actions{align-items:center;gap:24px;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.avatar{border:2px solid var(--accent-primary);width:44px;height:44px;color:var(--accent-primary);background:#0ea5e91a;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:1rem;font-weight:600}.user-kelas{color:var(--text-muted);font-size:.8rem}.logout-button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .3s;display:flex}.logout-button:hover{background:#ef444433;transform:translateY(-2px)}.dashboard-main{flex-direction:column;flex:1;gap:40px;padding-bottom:60px;display:flex}.welcome-section{background:linear-gradient(135deg,#0ea5e90d 0%,#8b5cf60d 100%);justify-content:space-between;align-items:center;padding:40px;display:flex}.welcome-text h1{color:var(--text-light);margin:0 0 10px;font-size:2.5rem}.welcome-text p{color:var(--text-muted);margin:0;font-size:1.1rem}.welcome-illustration{color:var(--accent-primary);opacity:.8;filter:drop-shadow(0 0 20px #0ea5e94d);animation:6s ease-in-out infinite float}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.stat-card{align-items:center;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.badge-success .stat-icon-wrapper{color:#10b981;background:#10b9811a}.badge-primary .stat-icon-wrapper{color:var(--accent-primary);background:#0ea5e91a}.badge-warning .stat-icon-wrapper{color:#f59e0b;background:#f59e0b1a}.stat-details h3{margin:0 0 4px;font-size:2rem;font-weight:700}.stat-details p{color:var(--text-muted);margin:0;font-weight:500}.exam-list-section{flex-direction:column;gap:24px;display:flex}.section-header h2{margin:0 0 8px;font-size:1.8rem}.section-header p{color:var(--text-muted);margin:0}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.exam-card{cursor:pointer;border-top:2px solid #0000;flex-direction:column;gap:20px;padding:24px;transition:all .3s;display:flex}.exam-card:hover{border-top-color:var(--accent-primary);background:#ffffff0d;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 45px #0006}.exam-card-header{justify-content:space-between;align-items:center;display:flex}.subject-badge{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.time-icon{color:var(--text-muted);margin-right:4px}.time-text{color:var(--text-muted);align-items:center;font-size:.9rem;font-weight:500;display:flex}.exam-card-body h3{color:var(--text-light);margin:0 0 12px;font-size:1.4rem;line-height:1.4}.exam-meta{gap:16px;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.exam-card-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:20px}.start-exam-button{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0ea5e94d}.start-exam-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e980}.nav-buttons-group{align-items:center;gap:24px;display:flex}@media (width<=768px){.hide-on-desktop{display:flex!important}.nav-buttons-group{flex-direction:column;gap:12px;width:100%}.nav-buttons-group button{justify-content:flex-start;width:100%}.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:1;background:#0009;width:100vw;height:100vh;animation:.3s fadeInOverlay;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.header-actions{z-index:9999;background:linear-gradient(135deg,#020617 0%,#0f172a 100%);border-left:1px solid #ffffff1a;flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:24px;width:280px;height:100vh;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.header-actions.mobile-open{transform:translate(0)}.user-profile{background:#ffffff0d;border-radius:12px;width:100%;padding:12px}.logout-button{justify-content:flex-start;width:100%}.mobile-mt-auto{margin-top:auto}.welcome-section{text-align:center;flex-direction:column;gap:24px}.welcome-illustration{display:none}.stats-grid{grid-template-columns:1fr}}.exam-container{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-light);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);flex-direction:column;font-family:Inter,sans-serif;display:flex}.exam-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.exam-title{align-items:center;gap:12px;display:flex}.exam-title h2{color:var(--text-light);margin:0;font-size:1.2rem;font-weight:600}.title-icon{color:var(--accent-primary)}.exam-timer{letter-spacing:1px;color:#10b981;background:#ffffff0d;border:1px solid #10b9814d;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}.timer-warning{color:#ef4444;border-color:#ef444466;animation:2s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.exam-layout{flex:1;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:32px;display:flex}.exam-main-panel{flex-direction:column;flex:3;padding:32px;display:flex}.question-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.question-header h3{color:var(--accent-primary);margin:0;font-size:1.5rem}.flag-button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.flag-button:hover{background:#ffffff0d}.flag-button.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.flag-button.active svg{fill:#f59e0b}.question-content{flex-direction:column;flex:1;display:flex}.question-text{margin-bottom:32px;font-size:1.25rem;line-height:1.6}.options-list{flex-direction:column;gap:16px;display:flex}.option-item{cursor:pointer;background:#ffffff08;border:2px solid #ffffff0d;border-radius:12px;align-items:center;padding:16px 20px;transition:all .3s;display:flex;position:relative}.option-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(4px)}.option-item.selected{border-color:var(--accent-primary);background:#0ea5e91a;box-shadow:0 4px 15px #0ea5e926}.option-label{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:16px;font-weight:600;transition:all .2s;display:flex}.option-item.selected .option-label{background:var(--accent-primary);color:#fff}.option-text{flex:1;font-size:1.1rem}.check-icon{color:var(--accent-primary);margin-left:auto;animation:.3s scale-up}@keyframes scale-up{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.exam-navigation{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:40px;padding-top:24px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--text-light);background:#ffffff0d}.btn-secondary:not(:disabled):hover{background:#ffffff1a}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-secondary);box-shadow:0 4px 15px #0ea5e966}.btn-finish{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.btn-finish:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.exam-sidebar{flex-direction:column;flex:1;min-width:250px;max-width:320px;padding:24px;display:flex}.sidebar-header{margin-bottom:24px}.sidebar-header h4{margin:0 0 8px;font-size:1.1rem}.progress-text{color:var(--text-muted);font-size:.9rem}.question-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:12px;margin-bottom:auto;display:grid}.grid-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;height:45px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:relative}.grid-btn:hover{transform:scale(1.05)}.grid-btn.default{background:#ffffff0d;border:1px solid #ffffff1a}.grid-btn.active{color:var(--accent-primary);border:2px solid var(--accent-primary);background:0 0}.grid-btn.answered{background:#10b981}.grid-btn.flagged{background:#f59e0b}.indicator-dot{border:2px solid #1e1b4b;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.flag-dot{background:#f59e0b}.sidebar-legend{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;margin-top:32px;padding-top:24px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.legend-color{border-radius:4px;width:16px;height:16px}.color-answered{background:#10b981}.color-flagged{background:#f59e0b}.color-default{background:#ffffff0d;border:1px solid #ffffff1a}.color-active{border:2px solid var(--accent-primary);background:0 0}.mobile-nav-toggle-wrapper{display:none}@media (width<=1024px){.exam-layout{flex-direction:column}.mobile-nav-toggle-wrapper{order:-2;justify-content:center;margin-bottom:-10px;display:flex}.mobile-nav-toggle{width:100%;color:var(--text-light);background:#0ea5e933;border:1px solid #0ea5e966;border-radius:12px;justify-content:center;padding:14px;font-weight:600}.exam-sidebar{order:-1;max-width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.exam-sidebar.nav-closed{opacity:0;border:none;max-height:0;margin:0;padding-top:0;padding-bottom:0}.exam-sidebar.nav-open{opacity:1;max-height:1200px;margin-bottom:24px}}@media (width<=768px){.exam-header{flex-direction:column;align-items:flex-start;gap:12px}.exam-title{width:100%;overflow:hidden}.exam-title h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.exam-navigation{flex-direction:column;gap:16px}.nav-btn{justify-content:center;width:100%}}.history-container{width:100%;min-height:100vh;color:var(--text-light);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.history-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.history-content{z-index:1;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:32px 20px;display:flex;position:relative}.history-header{align-items:center;gap:24px;display:flex}.history-header h2{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem}.back-button{color:var(--text-light);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .3s;display:flex}.back-button:hover{background:#ffffff1a;transform:translate(-4px)}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 8px 32px #0003}.history-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.overview-card{align-items:center;gap:20px;padding:24px;display:flex}.icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.overview-info p{color:var(--text-muted);margin:0;font-weight:500}.overview-info h3{margin:4px 0 0;font-size:2.2rem;font-weight:700}.history-table-section{padding:32px}.table-header-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.table-header-title h3{margin:0;font-size:1.4rem}.kkm-info{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:6px 16px;font-size:.9rem}.table-responsive{overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{color:var(--text-muted);white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:16px;font-weight:600}.history-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:20px 16px}.table-row{transition:all .2s}.table-row:hover td{background:#ffffff05}.date-cell{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.title-cell{flex-direction:column;gap:6px;display:flex}.subject-badge{color:#a78bfa;background:#8b5cf626;border-radius:12px;align-self:flex-start;padding:4px 10px;font-size:.8rem;font-weight:600}.exam-title{font-size:1.05rem;font-weight:500}.col-stats{color:var(--text-muted);font-family:monospace;font-size:1.1rem}.score-text{font-size:1.4rem;font-weight:700}.text-success{color:#10b981}.text-danger{color:#ef4444}.status-badge{border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.badge-passed{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge-failed{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}@media (width<=768px){.history-header{flex-direction:column;align-items:flex-start}.history-table-section{padding:20px}.table-header-title{flex-direction:column;align-items:flex-start;gap:12px}}.admin-container{width:100%;height:100vh;color:var(--text-light);background:linear-gradient(135deg,#020617 0%,#0f172a 100%);font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.admin-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob-admin-1{background:#0ea5e914;width:400px;height:400px;top:-100px;right:-100px}.blob-admin-2{background:#8b5cf614;width:300px;height:300px;bottom:-50px;left:250px}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff0d}.admin-sidebar{z-index:10;border-right:1px solid #ffffff14;border-radius:0;flex-direction:column;width:280px;height:100%;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;padding:32px 24px;display:flex}.admin-logo{background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border-radius:12px;justify-content:center;align-items:center;display:flex}.logo-icon.white{color:#fff}.sidebar-brand h2{background:linear-gradient(135deg,#bae6fd 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.nav-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;padding:14px 20px;font-size:1.05rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-light);background:#ffffff0d}.nav-item.active{color:#38bdf8;background:linear-gradient(90deg,#0ea5e926 0%,#0000 100%);border-left:3px solid #0ea5e9;border-radius:0 12px 12px 0;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:24px;display:flex}.admin-profile{align-items:center;gap:12px;display:flex}.admin-avatar{background:#8b5cf633;border:1px solid #8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.avatar-initials{color:#c4b5fd;font-size:.9rem;font-weight:700}.admin-info{flex-direction:column;display:flex}.admin-name{color:var(--text-light);font-size:.95rem;font-weight:600}.admin-role{color:var(--text-muted);font-size:.8rem}.admin-logout{background:#ef44440d;justify-content:center;width:100%}.admin-main{z-index:5;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow-y:auto}.admin-topbar{z-index:20;border-bottom:1px solid #ffffff0d;border-radius:0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.search-bar{background:#0003;border:1px solid #ffffff1a;border-radius:20px;align-items:center;width:350px;padding:10px 16px;transition:border-color .3s;display:flex}.search-bar:focus-within{border-color:var(--accent-primary)}.search-icon{color:var(--text-muted);margin-right:12px}.search-bar input{color:var(--text-light);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.btn-primary-admin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0ea5e940}.btn-primary-admin:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.dashboard-view,.analytics-view,.question-bank-view,.exams-view,.students-view,.staff-view,.settings-view,.school-data-view,.rooms-data-view{flex-direction:column;gap:32px;padding:40px;display:flex}.view-header h1{margin:0 0 8px;font-size:2rem}.view-header p{color:var(--text-muted);margin:0}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.admin-stat-card{border-radius:16px;justify-content:space-between;align-items:center;padding:24px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-5px)}.admin-stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.border-blue:before{background:#0ea5e9}.border-purple:before{background:#8b5cf6}.border-green:before{background:#10b981}.stat-content p{color:var(--text-muted);margin:0 0 8px;font-size:.9rem;font-weight:500}.stat-content h3{margin:0;font-size:2.2rem;font-weight:700}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.bg-blue{color:#0ea5e9;background:#0ea5e91a}.bg-purple{color:#8b5cf6;background:#8b5cf61a}.bg-green{color:#10b981;background:#10b9811a}.admin-recent-section{border-radius:16px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h3{margin:0;font-size:1.3rem}.text-button{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-weight:600}.text-button:hover{text-decoration:underline}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:var(--text-muted);border-bottom:1px solid #ffffff0d;padding:16px;font-weight:600}.admin-table td{border-bottom:1px solid #ffffff08;padding:16px}.font-semibold{font-weight:600}.badge{border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600}.badge-active{color:#10b981;background:#10b98126}.badge-draft{color:#f59e0b;background:#f59e0b26}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.action-btn:hover{color:var(--text-light);background:#ffffff1a}.dummy-view{color:var(--text-muted);text-align:center;border:1px dashed #fff3;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:40px;display:flex}.dummy-icon{opacity:.5;margin-bottom:16px}.dummy-view h2{color:var(--text-light);margin-bottom:8px}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-exam-view{flex-direction:column;gap:24px;padding:40px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:8px;padding:0;font-weight:500;transition:color .2s;display:flex}.back-btn:hover{color:var(--text-light)}.exam-form-container{border-radius:16px;padding:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.form-group-admin label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group-admin input[type=text],.form-group-admin input[type=number],.form-group-admin textarea{width:100%;color:var(--text-light);background:#0003;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-family:inherit;transition:border-color .3s}.form-group-admin input:focus,.form-group-admin textarea:focus{border-color:#0ea5e9;outline:none}.btn-secondary-admin{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:background .2s;display:flex}.btn-secondary-admin:hover{background:#ffffff26}.btn-danger-icon{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-danger-icon:hover{color:#fff;background:#ef4444}.questions-section{flex-direction:column;gap:16px;display:flex}.empty-questions{text-align:center;color:var(--text-muted);border:1px dashed #fff3;border-radius:16px;padding:40px}.questions-list{flex-direction:column;gap:20px;display:flex}.question-card{border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.question-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.question-card-header h4{color:var(--text-light);margin:0}.options-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.option-input-wrapper{background:#00000026;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:8px 16px;transition:all .2s;display:flex}.option-input-wrapper.is-correct{background:#10b9810d;border-color:#10b981}.option-input-wrapper input[type=radio]{accent-color:#10b981;cursor:pointer;width:16px;height:16px}.option-letter{color:var(--text-muted);width:24px;font-weight:600}.option-input-wrapper.is-correct .option-letter{color:#10b981}.option-input-wrapper input[type=text]{color:var(--text-light);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}@media (width<=1024px){.admin-sidebar{width:240px}}.hide-on-desktop{display:none!important}.mobile-menu-close{color:var(--text-light);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:6px;transition:all .2s;display:flex}.mobile-menu-close:hover{color:#fff;background:#ef4444cc}@media (width<=768px){.hide-on-desktop{display:flex!important}.admin-container{flex-direction:column;overflow-y:auto}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:1;background:#0009;width:100vw;height:100vh;animation:.3s fadeInOverlay;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.admin-sidebar{z-index:9999;background:linear-gradient(135deg,#020617 0%,#0f172a 100%);border-right:1px solid #ffffff1a;width:280px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.admin-sidebar.mobile-open{transform:translate(0)}.admin-topbar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px}.admin-topbar>div,.search-bar{width:100%}.view-header{flex-direction:column;align-items:flex-start;gap:16px}.view-header>div:last-child{flex-wrap:wrap;justify-content:flex-start;width:100%}.options-grid{grid-template-columns:1fr}.sidebar-nav{flex-direction:column;padding:16px;overflow-y:auto}.nav-item{white-space:normal;width:100%}.admin-main{overflow-y:visible}}.leaderboard-container{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.leaderboard-header h2{color:var(--text-light);align-items:center;gap:12px;font-size:2rem;display:flex}.filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:12px;margin-bottom:30px;padding:24px;display:flex}.filter-section select{color:var(--text-light);background:#0000004d;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;padding:14px;font-size:1rem}.leader-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:20px;margin-bottom:12px;padding:16px 20px;transition:transform .2s,background .2s;display:flex}.leader-row:hover{background:#ffffff1a;transform:translateY(-2px)}.rank-badge{width:45px;height:45px;color:var(--text-muted);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.rank-gold{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 15px #fbbf2466}.rank-silver{color:#fff;background:linear-gradient(135deg,#9ca3af,#4b5563)}.rank-bronze{color:#fff;background:linear-gradient(135deg,#b45309,#78350f)}.leader-info{flex:1}.leader-name{color:var(--text-light);margin-bottom:4px;font-size:1.1rem;font-weight:600}.leader-date{color:var(--text-muted);font-size:.85rem}.leader-score{color:var(--primary);text-shadow:0 0 10px #0ea5e94d;font-size:1.8rem;font-weight:800}.gold-glow{color:#fbbf24;text-shadow:0 0 10px #fbbf2480}.info-page-wrapper{width:100%;min-height:100vh;color:var(--text-light);background:linear-gradient(135deg,#020617 0%,#0f172a 100%);flex-direction:column;align-items:center;padding:40px 20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.info-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.info-blob{filter:blur(80px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.info-blob-1{background:#0ea5e926;width:400px;height:400px;top:-100px;left:-100px}.info-blob-2{background:#8b5cf61f;width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-100px}.info-container{z-index:10;flex-direction:column;gap:24px;width:100%;max-width:900px;display:flex}.info-glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:48px;box-shadow:0 20px 40px #0003}.info-header{text-align:center;margin-bottom:40px}.info-header h1{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.info-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.info-content{color:#cbd5e1;line-height:1.8}.info-content h2{color:#fff;align-items:center;gap:12px;margin-top:32px;margin-bottom:16px;font-size:1.5rem;display:flex}.info-content h3{color:#e2e8f0;margin-top:24px;margin-bottom:12px;font-size:1.2rem}.info-content p{margin-bottom:16px}.info-content ul{margin-bottom:24px;padding-left:24px}.info-content li{margin-bottom:8px}.info-content a{color:#38bdf8;text-decoration:none;transition:all .2s}.info-content a:hover{color:#7dd3fc;text-decoration:underline}.info-back-btn{color:var(--text-muted);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.info-back-btn:hover{color:#fff;background:#ffffff1a;transform:translate(-4px)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:40px 0;display:grid}.feature-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:transform .3s}.feature-card:hover{background:#ffffff0a;transform:translateY(-5px)}.feature-icon-wrapper{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933 0%,#3b82f633 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.feature-card h3{color:#fff;margin:0 0 12px;font-size:1.1rem}.feature-card p{color:var(--text-muted);margin:0;font-size:.9rem}@media (width<=768px){.info-glass-panel{padding:32px 24px}.info-header h1{font-size:2rem}}