:root{--bg-primary: #050607;--bg-secondary: #090b0d;--bg-card: #0c0f12;--bg-card-hover: #11151a;--bg-elevated: #12171d;--bg-input: #0a0d11;--text-primary: #f6f8f9;--text-secondary: #b0b8c1;--text-muted: #7a8592;--text-inverse: #000000;--accent: #d4ff1f;--accent-hover: #e4ff69;--accent-light: rgba(212, 255, 31, .12);--accent-glow: rgba(212, 255, 31, .35);--success: #9dff2b;--success-bg: rgba(157, 255, 43, .14);--warning: #ffb020;--warning-bg: rgba(255, 176, 32, .16);--danger: #ff3a66;--danger-bg: rgba(255, 58, 102, .16);--info: #37d9ff;--info-bg: rgba(55, 217, 255, .14);--border-color: #1f252c;--border-active: #d4ff1f;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .24s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 268px;--navbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);background-image:linear-gradient(rgba(212,255,31,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,255,31,.04) 1px,transparent 1px),radial-gradient(circle at 20% 0%,rgba(212,255,31,.08),transparent 35%);background-size:40px 40px,40px 40px,100% 100%;line-height:1.5;min-height:100vh;text-shadow:none}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.1;font-weight:800;letter-spacing:.02em;text-transform:uppercase}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}button,input,select,textarea{font:inherit}.layout-shell{display:flex;flex-direction:column;min-height:100vh}.layout-body{display:flex;flex:1;min-height:0}.layout-main{flex:1;min-width:0;overflow-x:hidden}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-lg)}.navbar{height:var(--navbar-height);background:#080a0df0;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:120}.navbar-left,.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.brand-mark{font-weight:900;font-size:var(--font-xl);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-2)}.brand-mark:before{content:"";width:.9rem;height:.9rem;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);transform:skew(-18deg)}.btn-icon{width:2.25rem;height:2.25rem;border:1px solid var(--border-color);background:#0a0d10;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px #d4ff1f26}.nav-dropdown-wrapper{position:relative}.profile-trigger{display:inline-flex;align-items:center;gap:var(--space-3);background:transparent;border:1px solid transparent;padding:var(--space-1) var(--space-2);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.profile-trigger:hover{background:#ffffff05;border-color:var(--border-color)}.profile-meta{text-align:right;display:flex;flex-direction:column}.profile-meta span:first-child{color:var(--text-primary);font-size:var(--font-sm);font-weight:650}.profile-meta span:last-child{color:var(--text-muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em}.avatar-chip{width:2.25rem;height:2.25rem;border:1px solid var(--accent);background:#0a0d10;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-family:JetBrains Mono,Consolas,monospace}.profile-trigger svg{color:var(--text-muted);transition:transform var(--transition-fast)}.profile-trigger .caret-open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#0b0e12fa;border:1px solid var(--border-color);border-top:2px solid var(--accent);box-shadow:0 14px 36px #0000008c;z-index:200}.notifications-menu{min-width:300px}.profile-menu{min-width:220px}.dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.dropdown-header h4{font-size:var(--font-sm)}.profile-name{font-size:var(--font-sm);font-weight:700}.dropdown-empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted)}.dropdown-empty-state svg{margin-bottom:var(--space-2)}.dropdown-item{width:100%;border:0;border-left:2px solid transparent;text-align:left;padding:var(--space-3) var(--space-4);background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:#ffffff08;border-left-color:var(--accent);color:var(--accent)}.dropdown-divider{border-top:1px solid var(--border-color)}.danger-item,.danger-item svg{color:var(--danger)}.sidebar{width:var(--sidebar-width);background:#080a0cf2;border-right:1px solid var(--border-color);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-base)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.sidebar-mobile-header{display:none}.sidebar-close{color:var(--text-muted)}.sidebar-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-lg);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.sidebar-logo:before{content:"";width:.85rem;height:.85rem;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);transform:skew(-18deg)}.sidebar-menu-label{font-size:var(--font-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);color:var(--text-secondary);font-weight:550;border-left:3px solid transparent;transition:all var(--transition-fast)}.sidebar-link:hover{background:#ffffff08;color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);border-left-color:var(--accent)}.sidebar-footer-link{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.page{width:100%;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-title,.auth-title{border-left:4px solid var(--accent);padding-left:var(--space-3);margin-bottom:var(--space-2);letter-spacing:.05em}.page-subtitle,.auth-subtitle{color:var(--text-secondary);font-size:var(--font-sm);font-family:JetBrains Mono,Consolas,monospace}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-muted{color:var(--text-muted);font-size:var(--font-sm)}.mb-0{margin-bottom:0!important}.card,.card-glass{background:#0c0f13f0;border:1px solid var(--border-color);box-shadow:inset 0 1px #ffffff05}.card{padding:var(--space-5)}.card-glass{padding:var(--space-6);border-top:2px solid rgba(212,255,31,.7)}.card-glass>*{position:relative;z-index:1}.section-title{font-size:var(--font-lg);margin-bottom:var(--space-5)}.section-title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:1px solid transparent;color:var(--text-primary);text-transform:uppercase;font-family:inherit;font-size:var(--font-xs);letter-spacing:.1em;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#111}.btn-primary:hover:not(:disabled){background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--text-primary);font-weight:800}.btn-outline:hover:not(:disabled){background:var(--text-primary);color:var(--bg-primary)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--accent);border-color:#d4ff1f40;background:#d4ff1f0f}.btn-danger{background:transparent;border-color:#ff3a6659;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff3a6614}button:disabled{opacity:.8;cursor:not-allowed;filter:grayscale(.5)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.auth-card{width:100%;max-width:460px}.auth-logo{font-size:var(--font-2xl);margin-bottom:var(--space-2);letter-spacing:.08em;color:var(--accent)}.auth-footer{border-top:1px solid var(--border-color);margin-top:var(--space-5);padding-top:var(--space-4);color:var(--text-secondary);font-size:var(--font-sm);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-group{margin-bottom:var(--space-2)}.form-label{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.form-label:before{content:">";color:var(--accent)}.form-input,.form-select,textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid #232b33;border-left:3px solid #2e3741;color:var(--text-primary);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,textarea:hover{border-left-color:#465362}.form-input:focus,.form-select:focus,textarea:focus{outline:none;border-color:#d4ff1f99;border-left-color:var(--accent);box-shadow:0 0 0 3px #d4ff1f14}.form-select option{background:#0d1116;color:var(--text-primary)}.webcam-container{border:1px solid var(--border-color);background:#0c1015;padding:var(--space-3)}.webcam-overlay{border:1px solid rgba(212,255,31,.4)}.empty-state{padding:var(--space-10);border:1px dashed rgba(212,255,31,.35);text-align:center;background:#d4ff1f08}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);vertical-align:middle}.table th{color:var(--accent);background:#d4ff1f0f;text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-xs)}.table tr:hover td{background:#ffffff04}.badge{padding:.2rem .55rem;border:1px solid currentColor;font-size:var(--font-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center}.badge-accent{color:var(--accent);background:#d4ff1f14}.badge-success{color:var(--success);background:var(--success-bg)}.badge-warning{color:var(--warning);background:var(--warning-bg)}.badge-danger{color:var(--danger);background:var(--danger-bg)}.badge-info{color:var(--info);background:var(--info-bg)}.progress-bar{width:100%;height:8px;border:1px solid var(--border-color);background:#0b0f14;overflow:hidden}.progress-fill{height:100%;transition:width var(--transition-base)}.progress-safe{background:var(--success)}.progress-risk{background:var(--danger)}.settings-tab-card{padding-bottom:var(--space-4)}.settings-tabs-row{display:flex;flex-wrap:wrap;gap:var(--space-2);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3)}.settings-profile-hero{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(145deg,#11161b,#090c10);border:1px solid var(--accent);color:var(--accent);box-shadow:inset 0 0 16px #d4ff1f1f;display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl);font-weight:900;font-family:JetBrains Mono,Consolas,monospace;flex-shrink:0}.profile-identity-block h3{font-size:var(--font-xl);margin-bottom:var(--space-1)}.profile-identity-block p{color:var(--text-secondary);font-size:var(--font-sm)}.profile-role-chip{margin-top:var(--space-2)}.settings-meta-grid{gap:var(--space-4)}.settings-meta-card{padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color)}.settings-meta-label{color:var(--text-muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.settings-meta-value{font-weight:650}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:var(--font-xs)}.animate-fade-in{animation:fadeIn .26s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.subtle-text{color:var(--text-muted);font-size:var(--font-xs)}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-grid-top{align-items:start;gap:var(--space-6)}.page-section{margin-bottom:var(--space-6)}.page-section-lg{margin-bottom:var(--space-8)}.page-section-sm{margin-bottom:var(--space-4)}.text-center{text-align:center}.w-full{width:100%}.flex-1{flex:1}.span-2{grid-column:span 2}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-3)}.section-title-sm{font-size:var(--font-lg);margin-bottom:var(--space-2)}.stat-card{display:flex;align-items:center;gap:var(--space-4)}.stat-icon{width:48px;height:48px;border:1px solid var(--border-color);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:var(--font-3xl);font-weight:800}.stat-heading{color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.08em}.stat-value-xl{font-size:var(--font-4xl);font-weight:800;margin-top:var(--space-2)}.action-card{width:100%;text-align:left;display:flex;align-items:center;gap:var(--space-4);cursor:pointer;color:var(--text-primary);background:var(--bg-card)}.feature-grid{gap:var(--space-4)}.action-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.action-card:hover .action-title,.action-card:hover .action-description,.action-card:hover .action-arrow{color:var(--text-primary)}.action-icon{width:42px;height:42px;border:1px solid rgba(212,255,31,.25);color:var(--accent);background:#d4ff1f14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-body{flex:1}.action-title{font-weight:650;font-size:var(--font-sm);margin-bottom:2px;color:var(--text-primary)}.action-description{color:var(--text-muted);font-size:var(--font-xs)}.action-arrow{color:var(--text-muted)}.feature-hint{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--font-xs)}.list-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-color);border-left:3px solid var(--accent)}.list-item-title{font-weight:650}.list-item-subtitle{color:var(--text-secondary);font-size:var(--font-xs)}.list-item-subtle,.table-inline-subtext{color:var(--text-muted);font-size:var(--font-xs);font-weight:400}.list-item-accent{color:var(--accent);font-size:var(--font-sm)}.subject-card{padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-left:3px solid var(--accent)}.subject-card-top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-4)}.subject-assignment-panel{display:flex;flex-direction:column;gap:var(--space-3)}.subject-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.subject-teacher-select{min-width:0}.subject-action-btn{white-space:nowrap}.teacher-chip-list{display:flex;flex-direction:column;gap:var(--space-2)}.teacher-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:#ffffff05;border:1px solid var(--border-color)}.teacher-chip-name{font-weight:650}.teacher-chip-email{font-size:var(--font-xs);color:var(--text-muted)}.teacher-chip-remove{border-color:#ff3a6640;color:var(--danger)}.teacher-chip-remove:hover{border-color:#ff3a6673;background:#ff3a6614}.row-actions{display:flex;align-items:center;gap:var(--space-3)}.row-delete-btn{color:var(--danger);background:transparent;border-color:transparent}.row-delete-btn:hover{border-color:#ff3a6666;background:#ff3a6614}.input-warning-text{margin-top:4px;font-size:var(--font-xs);color:var(--danger)}.filter-row{display:flex;align-items:center;gap:var(--space-3)}.form-select-inline{width:auto;min-width:120px}.skeleton-card{height:150px}.card-col{display:flex;flex-direction:column}.card-row-between{display:flex;align-items:center;justify-content:space-between}.card-title-sm{font-size:var(--font-lg);margin-bottom:var(--space-1)}.card-title-md{font-size:var(--font-xl);margin-bottom:var(--space-1)}.card-subtitle{color:var(--text-secondary);font-size:var(--font-sm)}.card-footer-auto{margin-top:auto}.meta-inline{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-sm)}.tips-list{margin-top:var(--space-3);padding-left:20px;color:var(--text-secondary);line-height:1.6}.table-empty-cell{text-align:center;padding:var(--space-8)}.table-main-cell{font-weight:650}.table-subtext{display:block;color:var(--text-muted);font-size:var(--font-xs)}.table-muted-cell{color:var(--text-secondary);font-size:var(--font-sm)}.proof-ok{color:var(--success)}.proof-missing{color:var(--warning)}.proof-na{color:var(--text-muted)}.progress-row{display:flex;align-items:center;gap:var(--space-3)}.progress-value{width:40px}.attendance-shell{max-width:600px;margin:0 auto}.status-panel{padding:var(--space-3);border:1px solid var(--border-color);background:var(--bg-elevated);margin-bottom:var(--space-6)}.status-success{color:var(--success)}.status-warning{color:var(--warning)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;z-index:170;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#0000008c;z-index:160}.grid-2,.grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}.settings-profile-hero{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.page{padding:var(--space-4)}.navbar{padding:0 var(--space-4)}.profile-meta{display:none}.btn{width:100%}.notifications-menu,.profile-menu{min-width:250px}}