@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Climate+Crisis&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--accent-primary: #2563eb;--accent-secondary: #0284c7;--accent-glow: rgba(37, 99, 235, .08);--accent-purple: #7c3aed;--accent-purple-glow: rgba(124, 58, 237, .08);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--status-success: #059669;--status-success-glow: rgba(5, 150, 105, .1);--status-warning: #d97706;--status-warning-glow: rgba(217, 119, 6, .1);--status-danger: #dc2626;--status-danger-glow: rgba(220, 38, 38, .1);--status-available: #0284c7;--subj-blue: #2563eb;--subj-green: #059669;--subj-purple: #7c3aed;--subj-orange: #ea580c;--border-color: #cbd5e1;--border-glass: rgba(255, 255, 255, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-glass: 0 4px 20px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px var(--accent-glow);--layout-bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--sidebar-bg: #ffffff;--header-bg: rgba(255, 255, 255, .8);--sidebar-width: 270px;--header-height: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark],.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-dark: #020617;--accent-primary: #38bdf8;--accent-secondary: #60a5fa;--accent-glow: rgba(56, 189, 248, .15);--accent-purple: #c084fc;--accent-purple-glow: rgba(192, 132, 252, .15);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--status-success: #34d399;--status-success-glow: rgba(52, 211, 153, .15);--status-danger: #fb7185;--status-danger-glow: rgba(251, 113, 133, .15);--border-color: #334155;--border-glass: rgba(255, 255, 255, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--layout-bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--sidebar-bg: #111827;--header-bg: rgba(15, 23, 42, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 1px #ffffff0d,var(--shadow-glass)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-accent-primary{color:var(--accent-primary)}.text-status-success{color:var(--status-success)}.text-status-warning{color:var(--status-warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:Menlo,Consolas,monospace;font-size:.88em}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.1rem}.text-sm{font-size:.875rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.h-full{height:100%;min-height:400px}.max-w-md{max-width:28rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);font-weight:600;font-size:.88rem;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);font-family:inherit}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:.88rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--text-primary)}.btn-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.3);background:#f59e0b1a;color:var(--status-warning);font-weight:600;font-size:.88rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-warning:hover{background:#f59e0b33}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--status-danger);font-weight:600;font-size:.88rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-danger:hover{background:#ef444433}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--accent-primary);font-size:.85rem;cursor:pointer;font-family:inherit}.btn-text:hover{text-decoration:underline}.icon-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.4rem;transition:all var(--transition-fast);display:inline-flex;align-items:center}.icon-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.icon-btn.danger:hover{color:var(--status-danger);border-color:var(--status-danger)}.icon-btn.success{color:var(--status-success);border-color:var(--status-success)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;letter-spacing:.02em}.status-badge.available{background:#10b98114;color:var(--status-success);border:1px solid rgba(16,185,129,.25);box-shadow:0 0 12px var(--status-success-glow)}.status-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}.dept-badge,.subject-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600}.dept-badge{background:#3b82f626;color:var(--accent-secondary)}.subject-badge{background:#8b5cf626;color:var(--subj-purple)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group select{padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.88rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-actions{grid-column:1 / -1;display:flex;gap:.75rem;padding-top:.5rem}.status-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;animation:slideDown .3s ease}.status-alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--status-success)}.status-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--status-danger)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .5s ease backwards}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}.spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.stats-grid,.charts-grid,.backup-grid,.halls-grid,.monitor-stats-grid,.halls-status-grid,.state-grid,.audit-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column}}@media(max-width:480px){.header-actions{width:100%;justify-content:stretch}.header-actions>button{flex:1;justify-content:center}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0a0f1c);padding:2rem}.error-boundary-card{max-width:480px;width:100%;padding:3rem 2.5rem;text-align:center}.error-icon-ring{width:80px;height:80px;border-radius:50%;background:#ef44441a;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#ef4444}.error-boundary-card h2{font-size:1.5rem;color:var(--text-primary, #fff);margin-bottom:.75rem}.error-message{color:var(--text-secondary, #94a3b8);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.error-boundary-card .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.error-details{margin-top:1.5rem;text-align:left}.error-details summary{cursor:pointer;color:var(--text-muted, #64748b);font-size:.8rem;margin-bottom:.5rem}.error-details pre{background:#0000004d;padding:1rem;border-radius:8px;font-size:.7rem;color:var(--text-secondary);overflow-x:auto;max-height:200px}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);border-radius:0;padding:1.5rem 0;overflow-y:auto;transition:transform var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border-glass)}.logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;padding:4px}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.92rem;font-weight:500;transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-item:hover{background:#ffffff08;color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,var(--accent-glow) 0%,transparent 100%);color:var(--accent-primary);font-weight:600}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px var(--accent-glow))}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--accent-primary);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--accent-glow)}.nav-icon{flex-shrink:0}.sidebar-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);padding:.5rem 1rem .25rem;margin-top:.25rem}.sidebar-divider{height:1px;background:var(--border-glass);margin:.5rem .75rem;opacity:.6}.sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.35rem 1rem;background:none;border:none;cursor:pointer;transition:all .2s}.sidebar-section-toggle:hover .sidebar-section-label{color:var(--text-secondary)}.sidebar-chevron{color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-chevron.open{transform:rotate(180deg)}.nav-item-staff{padding-left:1.5rem;opacity:.9}.nav-item-staff.active{background:linear-gradient(90deg,var(--accent-purple-glow) 0%,transparent 100%);color:var(--accent-purple)}.nav-item-staff.active .nav-icon{filter:drop-shadow(0 0 6px var(--accent-purple-glow))}.nav-item-staff.active:before{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple-glow)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:.75rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--bg-primary);flex-shrink:0}.user-details{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.72rem;color:var(--text-muted);text-transform:capitalize}.logout-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--status-danger-glow);background:var(--bg-tertiary);color:var(--status-danger);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:var(--status-danger-glow);color:var(--status-danger);border-color:var(--status-danger)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.app-layout{display:flex;min-height:100vh;background:var(--layout-bg-gradient);background-attachment:fixed;transition:background var(--transition-normal),color var(--transition-normal)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.top-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;border-radius:0;border-bottom:1px solid var(--border-glass);min-height:var(--header-height);flex-shrink:0;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;transition:background var(--transition-normal),border-color var(--transition-normal)}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.page-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:1rem}.page-container{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto}@media(max-width:768px){.main-content{margin-left:0}.mobile-menu-btn{display:block}.top-header{padding:.8rem 1rem}.page-container{padding:1rem}.page-title{font-size:1rem}.page-subtitle{display:none}}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),0 0 15px #ffffff0d;border-color:#fff3}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.03),transparent 70%);pointer-events:none}.stat-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px #ffffff0d;transition:filter var(--transition-normal)}.stat-card:hover .stat-icon{filter:brightness(1.2) drop-shadow(0 0 8px currentColor)}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;opacity:.8}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-top:2px;letter-spacing:-.02em}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.chart-card{padding:1.25rem}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.custom-tooltip{padding:.5rem .75rem!important;font-size:.85rem}.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.audit-item{display:flex;flex-direction:column;gap:.25rem}.audit-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.audit-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#060913;position:relative;overflow:hidden;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.login-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;animation:drift 20s infinite alternate ease-in-out}.blob-1{width:600px;height:600px;background:radial-gradient(circle,#00e5ff66,#0000 70%);top:-200px;left:-200px;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,#a200ff4d,#0000 70%);bottom:-150px;right:-150px;animation-delay:-5s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,#00ffa226,#0000 70%);top:40%;left:40%;animation-delay:-10s}@keyframes drift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(50px,-30px)}to{transform:scale(.9) translate(-40px,60px)}}.login-grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 80%)}.login-content-wrapper{position:relative;z-index:10;width:100%;display:flex;justify-content:center}.glass-panel{background:#11182799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff1a}.role-selection-view{display:flex;flex-direction:column;align-items:center;max-width:1000px;width:100%}.login-header-large{text-align:center;margin-bottom:4rem;animation:slideDown .8s cubic-bezier(.16,1,.3,1)}.logo-pulse{width:80px;height:80px;border-radius:24px;background:#00e5ff0d;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid rgba(0,229,255,.3);box-shadow:0 0 30px #00e5ff26;animation:innerPulse 3s infinite alternate ease-in-out}@keyframes innerPulse{0%{box-shadow:0 0 20px #00e5ff1a}to{box-shadow:0 0 50px #00e5ff4d}}.login-title-large{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-cards-container{display:flex;gap:2rem;justify-content:center;width:100%}.role-card{flex:1;max-width:380px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);color:#e2e8f0;text-decoration:none;outline:none}.role-card:hover{transform:translateY(-10px) scale(1.02);background:#1e293bb3}.role-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s ease}.admin-icon{background:#00e5ff1a;color:#00e5ff;border:1px solid rgba(0,229,255,.3)}.role-card.admin-card:hover{border-color:#00e5ff66;box-shadow:0 20px 40px #00e5ff1a}.role-card.admin-card:hover .admin-icon{box-shadow:0 0 30px #00e5ff66;background:#00e5ff33}.staff-icon{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.role-card.staff-card:hover{border-color:#a78bfa66;box-shadow:0 20px 40px #a78bfa1a}.role-card.staff-card:hover .staff-icon{box-shadow:0 0 30px #a78bfa66;background:#a78bfa33}.role-card h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.role-card p{color:#94a3b8;line-height:1.6;font-size:1rem}.login-card{max-width:440px;width:100%;padding:3rem 2.5rem;position:relative}.back-button{position:absolute;top:1.5rem;left:1.5rem;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;transition:color .2s ease;padding:0}.back-button:hover{color:#fff}.login-header{text-align:center;margin-bottom:2.5rem;margin-top:1rem}.login-logo{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.login-logo.admin-theme{background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);color:#00e5ff}.login-logo.staff-theme{background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:#a78bfa}.login-title{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;color:#fff}.login-subtitle{color:#94a3b8;font-size:.95rem;margin-top:.5rem}.login-error{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem;animation:slideDown .3s ease}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#64748b;pointer-events:none;z-index:2;transition:color .3s ease}.input-group input{width:100%;padding:.9rem 1rem .9rem 3rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0f172a80;color:#f8fafc;font-size:1rem;font-family:inherit;transition:all .3s ease}.input-group input::placeholder{color:#64748b}.input-group input:focus{outline:none;border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff33;background:#0f172acc}.input-group input:focus+.input-icon,.input-group input:focus~.input-icon{color:#00e5ff}.login-btn{width:100%;padding:1rem;font-size:1.05rem;font-weight:600;border-radius:10px;justify-content:center;margin-top:1rem;transition:all .3s ease;cursor:pointer;border:none;display:flex;align-items:center;gap:.5rem}.login-btn.btn-primary{background:linear-gradient(135deg,#00e5ff,#007bb5);color:#0f172a;box-shadow:0 4px 15px #00e5ff4d}.login-btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00e5ff66}.login-btn.btn-staff{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.login-btn.btn-staff:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem;color:#64748b;font-size:.85rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.login-footer strong{color:#cbd5e1}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.role-cards-container{flex-direction:column;padding:0 1.5rem}.role-card{padding:2rem 1.5rem}.login-title-large{font-size:2.5rem}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;margin:0 1rem}.login-title{font-size:1.8rem}.login-header-large{margin-bottom:2rem}}.student-data-page .search-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem}.search-bar .search-icon{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none}.filter-bar{display:flex;align-items:flex-end;gap:1rem;padding:1rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-group label{font-size:.75rem;color:var(--text-muted);font-weight:500}.filter-group select{padding:.5rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-family:inherit}.import-result{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.88rem;position:relative}.import-result.success{color:var(--status-success);border:1px solid rgba(16,185,129,.2)}.import-result.error{color:var(--status-danger);border:1px solid rgba(239,68,68,.2)}.import-result .close-btn{position:absolute;right:.5rem;background:none;border:none;color:inherit;cursor:pointer;opacity:.6}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead th{padding:.75rem 1rem;text-align:left;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--accent-primary)}.data-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.data-table tr:hover td{background:#ffffff05}.data-table td input{padding:.3rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--accent-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-family:inherit;width:100%;min-width:70px}.actions-cell{display:flex;gap:.35rem;align-items:center}.empty-state{text-align:center;color:var(--text-muted);padding:2rem!important;font-style:italic}.add-student-form{padding:1.5rem}.csv-hint{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.csv-hint code{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--accent-primary)}.hall-badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:#8b5cf626;color:#a78bfa;font-family:monospace;white-space:nowrap}.seat-badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;background:#10b9811f;color:var(--status-success);font-family:monospace}.halls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.hall-card{padding:1.25rem;transition:transform var(--transition-fast)}.hall-card:hover{transform:translateY(-2px)}.hall-card.unavailable{opacity:.55}.hall-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.hall-card-actions{display:flex;align-items:center;gap:.5rem}.hall-number{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.hall-block{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.status-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:var(--radius-full);border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.status-toggle.available{background:#10b9811a;color:var(--status-success)}.status-toggle.unavailable{background:#ef44441a;color:var(--status-danger)}.hall-details{display:flex;gap:1.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.hall-detail{display:flex;flex-direction:column;gap:.15rem}.detail-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.3rem}.detail-value.highlight{color:var(--accent-primary)}.add-hall-form{padding:1.25rem}.gen-container{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:flex-start}@media(max-width:1024px){.gen-container{grid-template-columns:1fr}}.config-panel{padding:2rem}.panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.config-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1.5rem}.subject-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.subject-pill{display:flex;align-items:center;gap:.5rem;background:#0003;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.subject-pill:hover{background:#ffffff0d}.subject-pill.selected{background:#00e5ff1a;border-color:var(--accent-primary);color:var(--accent-primary)}.smart-features-section{background:#0000001a;padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.section-subtitle{font-size:.875rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:600}.feature-toggle{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-color:#ffffff08}.feature-info{display:flex;flex-direction:column;gap:.25rem}.feature-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(24px)}.generate-btn{margin-top:1rem;padding:1.25rem;font-size:1.1rem;letter-spacing:.5px}.generate-btn:hover .spinner-icon{animation:spin 2s linear infinite}.error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--status-danger);padding:1rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem;font-size:.9rem}.hero-icon-container{width:96px;height:96px;background:#00e5ff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #00e5ff1a}.small-loader{width:18px;height:18px;border-width:2px}.mv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1rem;padding:3rem}.mv-empty-icon{width:100px;height:100px;border-radius:50%;background:#00e5ff12;border:1px solid rgba(0,229,255,.15);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:.5rem}.mv-empty h2{font-size:1.5rem;font-weight:700}.mv-empty p{color:var(--text-secondary);font-size:.9rem;max-width:380px;line-height:1.6}.mv-page{display:flex;flex-direction:column;gap:1.25rem}.mv-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.mv-plan-id{font-size:1.1rem;font-weight:700}.mv-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.mv-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid var(--border-color);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.mv-badge-accent{border-color:var(--accent-primary);color:var(--accent-primary)}.mv-header-actions{display:flex;gap:.75rem}.mv-hall-nav{display:flex;align-items:center;gap:.5rem}.mv-nav-arrow{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.mv-nav-arrow:hover:not(:disabled){background:#00e5ff1a;color:var(--accent-primary)}.mv-nav-arrow:disabled{opacity:.35;cursor:default}.mv-hall-tabs{display:flex;gap:.5rem;overflow-x:auto;flex:1;padding-bottom:2px;scrollbar-width:thin}.mv-hall-tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:#121b2e99;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.mv-hall-tab:hover{background:#ffffff0d;color:var(--text-primary)}.mv-hall-tab.active{background:#00e5ff1a;border-color:var(--accent-primary);color:var(--accent-primary)}.mv-hall-name{font-size:.85rem;font-weight:700}.mv-hall-count{font-size:.68rem;background:#0000004d;padding:.1rem .4rem;border-radius:var(--radius-full)}.mv-content{display:grid;grid-template-columns:1fr 280px;gap:1.25rem;align-items:start}@media(max-width:1200px){.mv-content{grid-template-columns:1fr}}.mv-classroom{padding:1.5rem;overflow:hidden;display:flex;flex-direction:column;gap:1rem;position:relative}.mv-board{text-align:center;background:#ffffff05;border-bottom:3px solid var(--accent-primary);padding:.5rem 1rem;border-radius:4px 4px 0 0;max-width:50%;margin:0 auto}.mv-board span{font-size:.7rem;letter-spacing:.2em;color:var(--accent-primary);font-weight:600;text-transform:uppercase}.mv-grid-scroll{overflow-x:auto;padding-bottom:.5rem}.mv-grid{display:flex;flex-direction:column;gap:1.25rem;min-width:600px}.mv-row{display:flex;align-items:center;gap:.75rem}.mv-row-label{font-size:.68rem;font-weight:700;color:var(--text-muted);width:24px;flex-shrink:0;text-align:center}.mv-desks{display:flex;gap:1rem;flex:1;justify-content:center}.mv-desk{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.mv-desk-id{font-size:.6rem;color:var(--text-muted);font-weight:600;letter-spacing:.03em}.mv-seats{display:flex;gap:4px}.mv-seat{width:56px;height:64px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.mv-seat.empty{background:#ffffff08;border:1px dashed rgba(255,255,255,.08);cursor:default}.mv-seat:hover.occupied{transform:translateY(-3px) scale(1.05);z-index:20}.mv-seat.hovered{z-index:20}.mv-reg{font-size:.72rem;font-weight:800;line-height:1}.mv-subj{font-size:.56rem;opacity:.85;font-weight:600;text-align:center;line-height:1.1;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-empty-label{color:var(--text-muted);font-size:.8rem}.mv-tooltip{position:absolute;bottom:1rem;left:1rem;z-index:50;background:#0a0f1cf7;border:1px solid rgba(0,229,255,.35);border-radius:var(--radius-md);padding:1rem 1.1rem;width:230px;box-shadow:0 8px 32px #00000080,0 0 0 1px #00e5ff1a;font-size:.82rem}.mv-tooltip-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.07)}.mv-tooltip-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;flex-shrink:0}.mv-tooltip-name{font-weight:700;color:var(--text-primary);font-size:.88rem}.mv-tooltip-reg{font-size:.72rem;color:var(--accent-primary);font-family:monospace}.mv-tooltip-rows{display:flex;flex-direction:column;gap:.35rem}.mv-tooltip-row{display:flex;justify-content:space-between;font-size:.78rem}.mv-tooltip-row span{color:var(--text-muted)}.mv-tooltip-row strong{color:var(--text-primary)}.mv-legend{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.mv-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.mv-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.mv-side{display:flex;flex-direction:column;gap:1rem}.mv-panel{padding:1.25rem}.mv-panel-title{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.mv-panel-stat{display:flex;justify-content:space-between;font-size:.82rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.mv-panel-stat span{color:var(--text-muted)}.mv-panel-stat strong{color:var(--text-primary)}.mv-fill-bar-wrap{margin-top:1rem;display:flex;flex-direction:column;gap:4px}.mv-fill-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.mv-fill-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#3b82f6);border-radius:3px;transition:width .5s ease}.mv-fill-pct{font-size:.72rem;color:var(--text-muted);text-align:right}.mv-risk-clean{text-align:center;padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mv-pulse-ring{width:56px;height:56px;border-radius:50%;background:#10b9811a;display:flex;align-items:center;justify-content:center;animation:pulse-green 2.5s ease infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.mv-risk-ok{font-weight:700;color:var(--status-success);font-size:.9rem}.mv-risk-sub{color:var(--text-muted);font-size:.78rem}.mv-risk-header{display:flex;align-items:flex-start;gap:.5rem;background:#f59e0b14;border-left:3px solid var(--status-warning);border-radius:4px;padding:.6rem .75rem;margin-bottom:.75rem}.mv-risk-count{font-weight:700;color:var(--status-warning);font-size:.85rem}.mv-risk-list{display:flex;flex-direction:column;gap:.5rem}.mv-risk-item{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:.5rem .65rem}.mv-risk-type{font-size:.65rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--status-warning)}.mv-risk-msg{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.mv-risk-more{font-size:.75rem;color:var(--text-muted);text-align:center;padding:.4rem}.mv-fix-btn{width:100%;justify-content:center;margin-top:.75rem;gap:.4rem}.icon-green{color:var(--status-success)}.icon-warn{color:var(--status-warning)}.monitoring-page .live-indicator{width:10px;height:10px;border-radius:50%;background:var(--status-danger);animation:pulse-dot 1.5s infinite;flex-shrink:0}.monitor-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.monitor-stat{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.monitor-stat-label{font-size:.75rem;color:var(--text-muted);display:block}.monitor-stat-value{font-size:1.3rem;font-weight:800;color:var(--text-primary);display:block}.halls-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.hall-status-header{display:flex;align-items:center;justify-content:space-between}.hall-status-stats{display:flex;gap:1.5rem;font-size:.82rem;color:var(--text-secondary)}.hall-status-stats span{display:flex;align-items:center;gap:.3rem}.student-portal-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding-top:2rem}.portal-container{width:100%;max-width:500px;padding:2.5rem}.search-input-wrapper{position:relative;margin-top:2rem}.search-input-wrapper .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input-wrapper input{width:100%;background:#0000004d;border:1px solid var(--border-color);padding:1.25rem 1rem 1.25rem 3rem;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.search-input-wrapper input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px #00e5ff26;background:#00000080}.seat-found-card{display:flex;flex-direction:column}.seat-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-box{background:#0003;border:1px solid rgba(255,255,255,.05);padding:1rem;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem}.col-span-2{grid-column:span 2}.highlight-box{background:linear-gradient(135deg,#00e5ff1a,#3b82f61a);border-color:#00e5ff33}.box-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.box-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.box-value.massive{font-size:2.5rem;font-weight:800;color:var(--accent-primary);line-height:1;text-shadow:0 0 20px rgba(0,229,255,.3)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-simulation{background:#fff;padding:1rem;border-radius:var(--radius-md);display:inline-block}.qr-box{width:150px;height:150px;position:relative;background:#fff;background-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000);background-size:10px 10px;background-position:0 0,5px 5px;border:10px solid white}.qr-pattern{position:absolute;width:30px;height:30px;border:4px solid #000;background:#fff}.qr-pattern.p1{top:0;left:0}.qr-pattern.p2{top:0;right:0}.qr-pattern.p3{bottom:0;left:0}.qr-pattern:after{content:"";position:absolute;top:4px;left:4px;width:14px;height:14px;background:#000}.portal-header{text-align:center;margin-bottom:0}.portal-logo-ring{width:64px;height:64px;border-radius:50%;background:#00e5ff14;border:2px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.student-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#000;margin:0 auto;box-shadow:0 0 20px #00e5ff40}.dept-pill{display:inline-block;margin-top:.5rem;padding:.25rem .85rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.78rem;color:var(--text-secondary);letter-spacing:.3px}.seat-highlight-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.seat-highlight-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);text-align:center}.hall-box{background:linear-gradient(135deg,#00e5ff1f,#3b82f61a);border-color:#00e5ff40}.seat-box{background:linear-gradient(135deg,#10b9811f,#05966914);border-color:#10b98140}.box-icon{color:var(--text-muted)}.hall-box .box-icon{color:var(--accent-primary)}.seat-box .box-icon{color:var(--status-success)}.box-sub{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.portal-footer-note{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.portal-results{border-top:1px solid var(--border-color)}.welfare-page{height:100%;display:flex;flex-direction:column}.welfare-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;flex:1}.admin-panel{padding:1.5rem;display:flex;flex-direction:column;background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.assignments-list{flex:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.list-header{display:flex;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.list-row{display:flex;padding:1rem;border-bottom:1px solid var(--border-color);align-items:center;transition:all .2s ease}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--accent-glow)}.list-row.selected{background:var(--accent-glow);border-left:2px solid var(--accent-primary)}.col-checkbox{width:40px;display:flex;justify-content:center}.col-task{flex:1;padding-right:1rem}.col-subject{width:120px}.col-status{width:100px;display:flex;justify-content:center}.status-pill{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pill.success{background:var(--status-success-glow);color:var(--status-success)}.status-pill.warning{background:#f59e0b26;color:var(--status-warning)}.status-pill.danger{background:var(--status-danger-glow);color:var(--status-danger)}.notification-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.small-btn{padding:.4rem .75rem;font-size:.85rem}.success-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;background:rgba(var(--status-success-rgb),.15);color:var(--status-success);font-size:.85rem;font-weight:500}@media(max-width:1024px){.welfare-grid{grid-template-columns:1fr}}.sp-tab-content{margin-top:1.5rem;min-height:500px}.sp-page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.sp-page-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.sp-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sp-control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem}.sp-form-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}.sp-form-group select,.sp-form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem}.sp-form-group select:focus,.sp-form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.sp-search-box{position:relative;display:flex;align-items:center}.sp-search-box svg{position:absolute;left:1rem;color:var(--text-muted)}.sp-search-box input{padding-left:2.75rem}.sp-mark-input-wrap{display:flex;flex-direction:column;gap:4px;width:80px}.sp-mark-input{text-align:center;font-weight:700;padding:.4rem!important}.sp-mark-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.sp-mark-fill{height:100%;border-radius:2px;transition:width .3s ease}.sp-table-wrap{overflow-x:auto;max-height:650px;overflow-y:auto}.sp-table{width:100%;border-collapse:collapse;font-size:.9rem}.sp-table th{position:sticky;top:0;background:var(--bg-tertiary);padding:1rem;text-align:left;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border-color);z-index:10}.sp-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.sp-table tr:hover{background:rgba(var(--accent-primary),.02)}.sp-grade-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800}.grade-a{background:var(--status-success-glow);color:var(--status-success)}.grade-b{background:var(--status-warning-glow);color:var(--status-warning)}.grade-f{background:var(--status-danger-glow);color:var(--status-danger)}.sp-stat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;background:var(--bg-tertiary);border:1px solid var(--border-color)}.sp-stat-blue{color:var(--accent-primary);border-color:var(--accent-primary)}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sp-save-row{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:1.5rem}.sp-save-ok{color:var(--status-success);font-size:.85rem;font-weight:600}.sp-portal{display:flex;flex-direction:column;gap:1.5rem}.sp-portal-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.sp-staff-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-primary);font-size:.82rem;font-weight:600;box-shadow:0 2px 10px var(--accent-glow)}.sp-tab-bar{display:flex;gap:.5rem;flex-wrap:wrap}.sp-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.sp-tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sp-tab-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.sp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:1050px){.sp-panel-grid{grid-template-columns:1fr}}.sp-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-glass)}.sp-card-title{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.sp-form{display:flex;flex-direction:column;gap:1rem}.sp-form-group{display:flex;flex-direction:column;gap:.4rem}.sp-form-group label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.sp-form-group input,.sp-form-group select,.sp-form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.88rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}.sp-form-group input:focus,.sp-form-group select:focus,.sp-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00e5ff1a}.sp-form-group textarea{resize:vertical}.sp-type-pills{display:flex;gap:.5rem;flex-wrap:wrap}.sp-type-pill{padding:.3rem .8rem;border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:.78rem;font-weight:600;text-transform:capitalize;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s}.sp-type-pill:hover{border-color:var(--text-muted);color:var(--text-primary)}.sp-type-info.active{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.sp-type-warning.active{background:#f59e0b26;border-color:#f59e0b;color:#fcd34d}.sp-type-success.active{background:#10b98126;border-color:#10b981;color:#6ee7b7}.sp-type-urgent.active{background:#ef444426;border-color:#ef4444;color:#fca5a5}.sp-recipient-bar{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .8rem}.sp-recipient-bar strong{color:var(--accent-primary)}.sp-success-alert{display:flex;align-items:center;gap:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:.65rem .9rem;color:var(--status-success);font-size:.85rem;font-weight:600}.sp-send-btn{width:100%;justify-content:center}.sp-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted);text-align:center}.sp-notif-history{display:flex;flex-direction:column;gap:.75rem;max-height:520px;overflow-y:auto}.sp-notif-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:var(--radius-sm);padding:.85rem 1rem}.sp-notif-item.sp-type-info{border-left-color:var(--status-available)}.sp-notif-item.sp-type-warning{border-left-color:var(--status-warning)}.sp-notif-item.sp-type-success{border-left-color:var(--status-success)}.sp-notif-item.sp-type-urgent{border-left-color:var(--status-danger)}.sp-notif-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.sp-notif-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.1rem .4rem;border-radius:3px}.sp-notif-badge.sp-type-info{background:var(--status-available);color:#fff}.sp-notif-badge.sp-type-warning{background:var(--status-warning);color:#fff}.sp-notif-badge.sp-type-success{background:var(--status-success);color:#fff}.sp-notif-badge.sp-type-urgent{background:var(--status-danger);color:#fff}.sp-notif-time{font-size:.72rem;color:var(--text-muted)}.sp-notif-title{font-weight:700;font-size:.88rem;color:var(--text-primary)}.sp-notif-body{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.sp-notif-target{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-style:italic}.sp-assign-page{display:flex;flex-direction:column;gap:1.25rem}.sp-assign-controls{padding:1.25rem}.sp-control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}.sp-search-wrap{min-width:180px}.sp-search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.55rem .9rem;transition:border-color .2s}.sp-search-box:focus-within{border-color:var(--accent-primary)}.sp-search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.88rem;width:100%}.sp-assign-stats,.sp-marks-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.sp-stat-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid transparent}.sp-stat-green{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}.sp-stat-red{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}.sp-stat-blue{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fd}.sp-stat-grey{background:#ffffff0d;border-color:var(--border-color);color:var(--text-secondary)}.sp-bulk-btns{display:flex;flex-wrap:wrap;gap:.5rem}.sp-bulk-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.45rem .9rem}.sp-save-row{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.sp-save-ok{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--status-success)}.sp-save-btn{display:inline-flex;align-items:center;gap:.4rem}.sp-table-card{padding:0;overflow:hidden}.sp-table-wrap{overflow-x:auto;max-height:560px;overflow-y:auto}.sp-table{width:100%;border-collapse:collapse;font-size:.82rem}.sp-table thead tr{background:var(--bg-dark);position:sticky;top:0;z-index:2}.sp-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.sp-table td{padding:.6rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);vertical-align:middle}.sp-table tbody tr:hover{background:#ffffff05}.sp-table tbody tr.row-green{background:#10b9810d}.sp-table tbody tr.row-red{background:#ef44440d}.sp-reg-cell{font-family:monospace;color:var(--accent-primary);font-size:.78rem}.sp-status-btns{display:flex;gap:.4rem}.sp-status-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .18s}.sp-status-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.sp-status-btn.active-green{background:#10b98126;border-color:#10b981;color:#6ee7b7}.sp-status-btn.active-red{background:#ef444426;border-color:#ef4444;color:#fca5a5}.sp-mark-input-wrap{display:flex;flex-direction:column;gap:3px;width:90px}.sp-mark-input{background:#ffffff0a!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;padding:.35rem .6rem!important;font-size:.85rem!important;font-weight:700!important;width:100%!important;text-align:center;outline:none!important;transition:border-color .2s!important}.sp-mark-input:focus{border-color:var(--accent-primary)!important}.sp-mark-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.sp-mark-fill{height:100%;border-radius:2px;transition:width .3s}.sp-max-tag{font-size:.7rem;font-weight:400;opacity:.6}.sp-grade-badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:800;background:#ffffff0f;color:var(--text-muted)}.sp-grade-badge.grade-a{background:#10b98126;color:#6ee7b7}.sp-grade-badge.grade-b{background:#f59e0b26;color:#fcd34d}.sp-grade-badge.grade-f{background:#ef444426;color:#fca5a5}.backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.icon-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bg-accent-primary\/10{background:#00e5ff1a}.border-accent-primary\/20{border:1px solid rgba(0,229,255,.2)}.bg-status-warning\/10{background:#f59e0b1a}.border-status-warning\/20{border:1px solid rgba(245,158,11,.2)}.bg-status-danger\/10{background:#ef44441a}.border-status-danger\/20{border:1px solid rgba(239,68,68,.2)}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.state-item{display:flex;flex-direction:column;gap:.25rem}.state-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.state-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);font-size:.82rem}.history-id{font-family:monospace;color:var(--text-muted);font-size:.75rem}.history-time{color:var(--text-secondary);flex:1}.history-records{color:var(--accent-primary);font-weight:600}.history-plan{color:var(--text-muted)}.history-plan.active{color:var(--status-success)}:root{--sp-bg: var(--bg-primary);--sp-bg-card: var(--bg-tertiary);--sp-bg-glass: var(--bg-secondary);--sp-bg-dark: #1e293b;--sp-primary: var(--accent-primary);--sp-primary-light: #60a5fa;--sp-secondary: var(--accent-secondary);--sp-accent: var(--accent-purple);--sp-text: var(--text-primary);--sp-text-secondary: var(--text-secondary);--sp-text-muted: var(--text-muted);--sp-border: var(--border-glass);--sp-shadow: var(--shadow-sm);--sp-shadow-lg: var(--shadow-lg);--sp-shadow-glow: var(--shadow-glow);--sp-radius: var(--radius-lg);--sp-radius-sm: var(--radius-md);--sp-radius-xs: var(--radius-sm);--sp-font: "Outfit", "Inter", -apple-system, sans-serif;--sp-success: var(--status-success);--sp-warning: var(--status-warning);--sp-danger: var(--status-danger);--sp-sidebar-w: 260px;--sp-topbar-h: 70px}.dark-theme body{background:var(--bg-primary)!important;color:var(--text-primary)!important}.dark-theme .sp-hero{background:linear-gradient(135deg,#0b0f1f,#0f172a 40%,#1a103a,#020617)}.dark-theme .sp-hero-bg:before{background:radial-gradient(circle at 30% 40%,rgba(59,130,246,.12) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.08) 0%,transparent 40%)}.dark-theme .sp-kinetic-section{background:linear-gradient(180deg,var(--sp-bg) 0%,#020617 100%)}.student-app{font-family:var(--sp-font);background:var(--sp-bg);color:var(--sp-text);min-height:100vh;-webkit-font-smoothing:antialiased}.sp-glass{background:var(--sp-bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}.sp-card{background:var(--sp-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);transition:transform .3s ease,box-shadow .3s ease}.sp-card:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-lg)}.sp-layout{display:flex;min-height:100vh}.sp-main{flex:1;margin-left:var(--sp-sidebar-w);transition:margin-left .3s ease}.sp-page{padding:2rem;padding-top:calc(var(--sp-topbar-h) + 2rem);max-width:1400px;margin:0 auto}.sp-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sp-sidebar-w);background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--sp-border);z-index:100;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sp-sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--sp-border)}.sp-sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--sp-primary),var(--sp-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem}.sp-sidebar-brand{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-sidebar-close{display:none;margin-left:auto;background:none;border:none;color:var(--sp-text-secondary);cursor:pointer;padding:4px}.sp-sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sp-nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:var(--sp-radius-sm);color:var(--sp-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;position:relative}.sp-nav-item:hover{background:#3b82f60f;color:var(--sp-primary)}.sp-nav-item.active{background:linear-gradient(135deg,#3b82f61a,#06b6d414);color:var(--sp-primary);font-weight:600}.sp-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(to bottom,var(--sp-primary),var(--sp-secondary));border-radius:0 3px 3px 0}.sp-sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--sp-border)}.sp-sidebar-admin-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:var(--sp-radius-xs);background:#1e293b0d;color:var(--sp-text-muted);text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s ease}.sp-sidebar-admin-link:hover{background:#1e293b1a;color:var(--sp-text)}.sp-topbar{position:fixed;top:0;left:var(--sp-sidebar-w);right:0;height:var(--sp-topbar-h);background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--sp-border);z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;transition:left .3s ease}.sp-topbar-left,.sp-topbar-right{display:flex;align-items:center;gap:1rem}.sp-menu-btn{display:none;background:none;border:none;color:var(--sp-text);cursor:pointer;padding:4px}.sp-topbar-greeting{font-size:.95rem;color:var(--sp-text-secondary);font-weight:500}.sp-topbar-greeting strong{color:var(--sp-text)}.sp-notification-btn{position:relative;background:none;border:none;color:var(--sp-text-secondary);cursor:pointer;padding:8px;border-radius:10px;transition:all .2s}.sp-notification-btn:hover{background:#3b82f614;color:var(--sp-primary)}.sp-notif-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--sp-danger);color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.sp-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.sp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--sp-radius-sm);font-family:var(--sp-font);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;text-decoration:none}.sp-btn-primary{background:linear-gradient(135deg,var(--sp-primary),var(--sp-secondary));color:#fff;box-shadow:0 4px 14px #3b82f64d}.sp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.sp-btn-outline{background:#fff9;color:var(--sp-primary);border:1.5px solid rgba(59,130,246,.3)}.sp-btn-outline:hover{background:#3b82f614;border-color:var(--sp-primary)}.sp-btn-ghost{background:transparent;color:var(--sp-text-secondary)}.sp-btn-ghost:hover{background:#0000000a;color:var(--sp-text)}.sp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.sp-stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.sp-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sp-stat-value{font-size:2rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--sp-text),var(--sp-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-stat-label{font-size:.82rem;color:var(--sp-text-muted);font-weight:500}.sp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sp-section-title{font-size:1.2rem;font-weight:700;color:var(--sp-text)}.sp-progress{width:100%;height:8px;background:#94a3b826;border-radius:4px;overflow:hidden}.sp-progress-bar{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.sp-progress-green .sp-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.sp-progress-yellow .sp-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sp-progress-red .sp-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.sp-progress-blue .sp-progress-bar{background:linear-gradient(90deg,var(--sp-primary),var(--sp-secondary))}.sp-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600}.sp-badge-success{background:#10b9811a;color:var(--sp-success)}.sp-badge-warning{background:#f59e0b1a;color:var(--sp-warning)}.sp-badge-danger{background:#ef44441a;color:var(--sp-danger)}.sp-badge-primary{background:#3b82f61a;color:var(--sp-primary)}.sp-badge-accent{background:#8b5cf61a;color:var(--sp-accent)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal.slide-left{transform:translate(-40px)}.scroll-reveal.slide-left.visible{transform:translate(0)}.scroll-reveal.slide-right{transform:translate(40px)}.scroll-reveal.slide-right.visible{transform:translate(0)}.scroll-reveal.scale-in{transform:scale(.9)}.scroll-reveal.scale-in.visible{transform:scale(1)}.sp-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--layout-bg-gradient)}.sp-hero-bg{position:absolute;inset:0;z-index:1}.sp-hero-bg{animation:hero-bg-drift 20s ease-in-out infinite}@keyframes hero-bg-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-1%) rotate(1deg)}66%{transform:translate(-1%,2%) rotate(-1deg)}}.sp-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.sp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent-primary)}.sp-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--accent-glow),transparent);transform:translate(-100%);transition:.5s}.sp-card:hover:after{transform:translate(100%)}.sp-hero-content{position:relative;padding:3.5rem 2.5rem;z-index:2;background:radial-gradient(circle at center,var(--header-bg) 0%,transparent 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg)}.sp-hero-subtitle{font-size:.9rem;font-weight:600;color:var(--sp-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;opacity:0;animation:hero-fade-up .8s .2s forwards}.sp-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.25rem;background:linear-gradient(135deg,var(--sp-text) 0%,var(--sp-primary) 50%,var(--sp-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));opacity:0;animation:hero-fade-up .8s .4s forwards}.sp-hero-desc{font-size:1.1rem;color:var(--sp-text-secondary);line-height:1.7;max-width:600px;margin:0 auto 2rem;text-shadow:0 1px 2px rgba(0,0,0,.1);opacity:0;animation:hero-fade-up .8s .6s forwards}.sp-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:hero-fade-up .8s .8s forwards}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-orb-container{position:absolute;width:min(500px,60vw);height:min(500px,60vw);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-orb{width:100%;height:100%;border-radius:50%;position:relative;animation:orb-float 6s ease-in-out infinite;transition:transform .15s ease-out}.hero-orb-inner{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(59,130,246,.15),rgba(6,182,212,.08),transparent 70%);border:1px solid rgba(59,130,246,.12);box-shadow:inset 0 0 60px #3b82f614,0 0 80px #3b82f60f}.hero-orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(59,130,246,.1);animation:orb-ring-spin 15s linear infinite}.hero-orb-ring:nth-child(2){inset:15%;border-color:#06b6d414;animation-duration:20s;animation-direction:reverse}.hero-orb-ring:nth-child(3){inset:30%;border-color:#8b5cf60f;animation-duration:25s}.hero-orb-dot{position:absolute;width:6px;height:6px;background:var(--sp-primary);border-radius:50%;opacity:.5;box-shadow:0 0 10px #3b82f666}.hero-orb-dot:nth-child(1){top:0;left:50%}.hero-orb-dot:nth-child(2){top:50%;right:0}.hero-orb-dot:nth-child(3){bottom:10%;left:20%}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes orb-ring-spin{to{transform:rotate(360deg)}}.sp-kinetic-section{padding:4rem 0;background:linear-gradient(180deg,var(--sp-bg) 0%,#e0e7ff 100%);overflow:hidden;position:relative;display:flex;white-space:nowrap}.sp-marquee-content{display:inline-flex;white-space:nowrap;animation:marquee-scroll 25s linear infinite}.sp-kinetic-word{font-family:var(--sp-font);font-size:clamp(4rem,8vw,6rem);font-weight:900;padding:0 2rem;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.sp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}.sp-feature-card{padding:2rem;text-align:center}.sp-feature-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.sp-feature-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.sp-feature-desc{font-size:.88rem;color:var(--sp-text-secondary);line-height:1.6}.sp-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#f0f4ff,#ecfeff);padding:2rem}.sp-login-card{width:100%;max-width:420px;padding:2.5rem;text-align:center}.sp-login-card h2{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-login-card p{color:var(--sp-text-secondary);font-size:.9rem;margin-bottom:2rem}.sp-input{width:100%;padding:.8rem 1rem;border:1.5px solid var(--sp-border);border-radius:var(--sp-radius-sm);font-family:var(--sp-font);font-size:.95rem;background:#fffc;color:var(--sp-text);transition:border-color .2s,box-shadow .2s;outline:none}.sp-input:focus{border-color:var(--sp-primary);box-shadow:0 0 0 4px #3b82f61a}.sp-login-error{color:var(--sp-danger);font-size:.82rem;margin-top:.5rem;font-weight:500}.sp-seat-result{padding:2rem;text-align:center}.sp-seat-avatar{width:72px;height:72px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800}.sp-seat-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.sp-seat-box{padding:1.25rem;border-radius:var(--sp-radius-sm);background:linear-gradient(135deg,#3b82f60f,#06b6d40a);border:1px solid rgba(59,130,246,.1);text-align:center}.sp-seat-box-label{font-size:.75rem;color:var(--sp-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sp-seat-box-value{font-size:1.8rem;font-weight:800;color:var(--sp-primary);margin-top:.25rem}.sp-seat-details{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.sp-seat-detail{padding:.75rem;background:#f8fafccc;border-radius:var(--sp-radius-xs);text-align:left}.sp-seat-detail-label{font-size:.7rem;color:var(--sp-text-muted);font-weight:600;display:flex;align-items:center;gap:4px}.sp-seat-detail-value{font-size:.88rem;font-weight:600;color:var(--sp-text);margin-top:2px}.sp-timetable{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--sp-radius)}.sp-timetable th{background:linear-gradient(135deg,var(--sp-primary),var(--sp-secondary));color:#fff;padding:.85rem 1rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sp-timetable td{padding:.75rem 1rem;border-bottom:1px solid var(--sp-border);font-size:.88rem}.sp-timetable tr:last-child td{border-bottom:none}.sp-timetable tbody tr{transition:background .2s}.sp-timetable tbody tr:hover{background:#3b82f60a}.sp-slot-type{display:inline-flex;padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600}.sp-slot-lecture{background:#3b82f61a;color:var(--sp-primary)}.sp-slot-lab{background:#10b9811a;color:var(--sp-success)}.sp-slot-tutorial{background:#8b5cf61a;color:var(--sp-accent)}.sp-faq-item{border-bottom:1px solid var(--sp-border)}.sp-faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem;background:none;border:none;font-family:var(--sp-font);font-size:.95rem;font-weight:600;color:var(--sp-text);cursor:pointer;text-align:left;transition:color .2s}.sp-faq-question:hover{color:var(--sp-primary)}.sp-faq-answer{padding:0 1.25rem 1.25rem;color:var(--sp-text-secondary);font-size:.9rem;line-height:1.7}.sp-faq-icon{transition:transform .3s;flex-shrink:0}.sp-faq-icon.open{transform:rotate(180deg)}@media(max-width:768px){.sp-sidebar{transform:translate(-100%)}.sp-sidebar.open{transform:translate(0)}.sp-sidebar-close{display:block}.sp-main{margin-left:0}.sp-topbar{left:0}.sp-menu-btn{display:block}.sp-page{padding:1.25rem;padding-top:calc(var(--sp-topbar-h) + 1.25rem)}.sp-stats-grid{grid-template-columns:1fr 1fr}.sp-features-grid{grid-template-columns:1fr;padding:2rem 1.25rem}.sp-seat-boxes,.sp-seat-details{grid-template-columns:1fr}.sp-hero-actions{flex-direction:column;align-items:center}.hero-orb-container{width:80vw;height:80vw}}.sp-sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}@media(max-width:768px){.sp-sidebar-overlay.show{display:block}}.sp-page-enter{animation:sp-page-in .4s ease forwards}@keyframes sp-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.about-page{--c-bg: #0a0f1c;--c-text: #e2e8f0;--c-primary: #3b82f6;--c-secondary: #94a3b8;background:var(--c-bg);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.05),transparent 25%);color:var(--c-text);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.about-back-btn{position:fixed;top:2rem;left:2rem;z-index:100}.about-hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem;position:relative}.about-hero-title{font-family:Climate Crisis,sans-serif;font-size:clamp(3rem,8vw,6rem);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--sp-border);position:relative;letter-spacing:2px;line-height:1;margin-bottom:2rem}.about-hero-title:after{content:attr(data-text);position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.about-hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--c-secondary);max-width:600px;font-weight:300;opacity:0;transform:translateY(20px);animation:fadeUp 1s ease forwards .5s}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;color:var(--c-secondary)}.about-sections{padding:4rem 2rem 8rem;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:15vh}.kin-section{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.kin-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.kin-section:nth-child(2n){direction:rtl}.kin-section:nth-child(2n)>*{direction:ltr}}.kin-number{font-family:Climate Crisis,sans-serif;font-size:clamp(4rem,15vw,15rem);color:#ffffff08;line-height:.8;position:absolute;top:-2rem;left:-2rem;z-index:0;pointer-events:none;transform:translateY(calc(var(--scroll-offset, 0) * 400px))}.kin-content{position:relative;z-index:10;opacity:calc(var(--scroll-center, 0) * 1.5);transform:translateY(calc(var(--scroll-offset, 0) * -150px))}.kin-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;display:flex;flex-wrap:wrap}.kin-anim-char{display:inline-block;color:var(--c-text);transform-origin:50% 100%;--reveal-t: calc( (var(--scroll-center, 0) * 2) - (var(--char-idx) * .05) );transform:scaleY(clamp(0,var(--reveal-t),1));opacity:clamp(.1,var(--reveal-t),1)}.kin-desc{font-size:1.2rem;line-height:1.8;color:var(--c-secondary);font-weight:300;display:inline}.kin-anim-word{--highlight-p: calc( (var(--scroll-center, 0) * 1.5) - var(--word-p) );opacity:clamp(.3,var(--highlight-p) + .3,1);color:var(--c-secondary);transition:color .1s linear}.kin-section[style*="--scroll-center: 0.9"] .kin-anim-word,.kin-section[style*="--scroll-center: 1.0"] .kin-anim-word{color:var(--c-text)}.kin-visual{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:3rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003;transform:translateY(calc(var(--scroll-offset, 0) * -50px))}.kin-visual-inner{position:relative;z-index:2;color:var(--c-primary);opacity:.8;opacity:var(--scroll-center, 0);transform:scale(calc(.5 + (var(--scroll-center, 0) * .5))) rotate(calc(var(--scroll-offset, 0) * -45deg));transition:filter .3s ease}.kin-visual:hover .kin-visual-inner{filter:drop-shadow(0 0 20px var(--c-primary))}.kin-visual:after{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;background:var(--c-primary);filter:blur(80px);transform:translate(-50%,-50%);opacity:calc(var(--scroll-center, 0) * .3)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-20px)}60%{transform:translate(-50%,-10px)}}