*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: radial-gradient(circle at top, #05060f, #020409 55%);--card-bg: rgba(15, 23, 42, .92);--card-border: rgba(99, 102, 241, .45);--primary: #6366f1;--text: #f8fafc;--muted: #94a3b8;--border: rgba(148, 163, 184, .25);--accent: #22d3ee;--success: #22c55e;--warning: #f59e0b}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03061280}.top-nav a{color:#cbd5f5;text-decoration:none;font-weight:600}.nav-right{display:flex;align-items:center;gap:1rem}.logout-link{color:#f87171}.theme-fab{position:fixed;top:4rem;right:.5rem;width:48px;height:48px;border:1px solid rgba(148,163,184,.3);border-radius:16px;background:#6366f133;color:#e2e8f0;cursor:pointer;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 25px #02061766;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.theme-fab svg{width:22px;height:22px}.theme-fab:hover{transform:translateY(-2px);box-shadow:0 16px 30px #02061773}.theme-picker-overlay{position:fixed;inset:0;background:#030712d9;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease}.theme-picker-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:22px;padding:2rem 2.5rem;width:min(420px,90%);position:relative;box-shadow:0 35px 60px #02061773}.theme-picker-close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;color:var(--text);font-size:1.5rem;cursor:pointer}.theme-picker-title{margin:0 0 1rem;font-size:1.1rem;color:var(--text)}.theme-options{display:flex;flex-direction:column;gap:.8rem}.theme-option{border-radius:16px;border:1px solid var(--border);background:#6366f10d;padding:.9rem;display:flex;align-items:center;gap:.9rem;cursor:pointer;text-align:left;color:var(--text)}.theme-option strong{display:block;font-size:1rem}.theme-option small{color:var(--muted)}.theme-option.active{border-color:var(--primary);box-shadow:0 12px 25px #6366f14d}.theme-option .theme-option-copy{flex:1}.theme-swatch{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.theme-default{background:linear-gradient(135deg,#020617,#0f172a)}.theme-light{background:linear-gradient(135deg,#f8fafc,#cbd5f5)}.theme-glass{background:linear-gradient(135deg,#0f172ab3,#4f46e58c)}.theme-glass-light{background:linear-gradient(135deg,#ffffffd9,#a4cbffd9);border-color:#0b152d1a}.container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.subtitle{text-transform:uppercase;letter-spacing:.2rem;font-size:.85rem;color:#94a3b8;margin:0}header h1{margin:.2rem 0 0;font-size:2rem}.scanner{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}.video-wrapper{position:relative;background:radial-gradient(circle,#0f172a,#020617);border-radius:20px;padding:1rem;border:1px solid var(--border);min-height:360px}video{width:100%;border-radius:14px;border:2px solid rgba(99,102,241,.4);background:#000}.overlay{position:absolute;inset:1rem;display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px dashed var(--border);text-transform:uppercase;letter-spacing:.2rem;color:var(--muted)}.hidden{display:none}.panel{background:var(--card-bg);border-radius:18px;border:1px solid var(--card-border);padding:1.5rem;display:flex;flex-direction:column;gap:.8rem}.panel-label{margin:0;color:#94a3b8;font-size:.95rem}.panel-status{font-size:1.4rem;margin:0;font-weight:600}.panel-status.success{color:#22c55e}.panel-status.error{color:#ef4444}.panel-status.loading,.panel-status.info{color:#eab308}.person-name{display:block;font-size:1rem;font-weight:400;color:#cbd5f5}.panel-meta{margin:0;color:#cbd5f5;font-size:.9rem}.panel-error{margin:0;color:#f87171;font-size:.9rem}.panel-success{margin:0;color:#34d399;font-size:.9rem}.actions{display:flex;gap:.8rem}.btn{padding:.8rem 1.2rem;border-radius:999px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600;flex:1;transition:transform .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #6366f159}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border)}.hint{margin:0;font-size:.85rem;color:#94a3b8}.badge{padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:.85rem}.badge-success{color:#22c55e;border-color:#22c55e66}.badge-error{color:#ef4444;border-color:#ef444466}.badge-warning,.badge-info{color:#eab308;border-color:#eab30866}.mobile-shell{max-width:420px;margin:0 auto;min-height:100vh;padding:1rem 1.2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mobile-header h1{margin:0;font-size:1.8rem}.mobile-video-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:24px;border:2px solid rgba(99,102,241,.4);overflow:hidden;background:#000}.mobile-video{width:100%;height:100%;object-fit:cover}.mobile-overlay{inset:0;border-radius:0}.mobile-panel{background:#0f172af2;border-radius:20px;border:1px solid rgba(99,102,241,.4);padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.primary-actions,.secondary-actions{display:flex;gap:.8rem}.secondary-actions{margin-top:.5rem}.btn.outline{background:transparent;border:1px solid rgba(148,163,184,.5)}.btn.outline.active{border-color:#6366f1e6;background:#6366f126}.btn.ghost.active{border-color:#22c55e66;color:#22c55e}.primary-actions .btn,.secondary-actions .btn{flex:1}.detections-list{display:flex;flex-direction:column;gap:.6rem}.detection{border-radius:14px;border:1px solid rgba(148,163,184,.3);padding:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.detection.success{border-color:#22c55e80}.detection.error{border-color:#ef444480}.detection span{display:block;color:#94a3b8;font-size:.85rem}.detection small,.detection-alert{color:#f87171}.detection .allowed-students{color:#86efac;margin-top:.25rem;display:block}.detection-info{display:flex;flex-direction:column;gap:.2rem}.detection-photos{display:flex;gap:.6rem;align-items:center}.photo-stack{display:flex;flex-direction:column;gap:.25rem;align-items:center;font-size:.7rem;color:#94a3b8}.photo-thumb{width:56px;height:56px;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.3)}.students-gallery{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}.student-card{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a66}.student-card span{display:block;font-size:.8rem;color:#94a3b8}.student-photo{width:144px;height:144px;border-radius:16px;object-fit:cover;border:1px solid rgba(148,163,184,.3)}.status-pill{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.status-meta{color:#94a3b8;font-size:.75rem}.settings-card .toggle-group{display:flex;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem;align-items:flex-end}.settings-panel{display:flex;flex-direction:column;gap:1.5rem}.settings-preview{border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:1rem;background:#0f172a59;display:flex;flex-direction:column;gap:.8rem}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-actions{display:flex;gap:.6rem}.preview-media{width:100%;max-height:320px;object-fit:cover;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#0f172a99}.preview-placeholder{padding:2rem;border-radius:12px;border:1px dashed rgba(148,163,184,.35);color:#94a3b8;text-align:center;background:#0f172a66}.settings-grid select,.settings-grid input{width:100%;padding:.7rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:transparent;color:#f8fafc}.setting-item p{margin:0 0 .4rem;color:#cbd5f5}.admin-container,.admin-area{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;color:var(--text)}.admin-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-form{display:flex;flex-direction:column;gap:.8rem}.admin-form input{width:100%;padding:.7rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:transparent;color:#f8fafc}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-controls{display:flex;gap:.8rem}.switch{border-radius:999px;border:1px solid rgba(148,163,184,.4);padding:.4rem 1rem;background:#0f172a99;color:#f8fafc;cursor:pointer;font-weight:600}.switch.on{border-color:#6366f1b3;background:#6366f133}.admin-alert{background:#22c55e26;border:1px solid rgba(34,197,94,.4);padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem}.grid{display:grid;gap:1rem}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:1rem;background:#020617cc}.stat-card p{margin:0;color:#94a3b8;font-size:.9rem}.stat-card strong{font-size:2rem;display:block;margin-top:.5rem}.stat-card.success{border-color:#22c55e66}.stat-card.error{border-color:#ef444466}.stat-card.info{border-color:#0ea5e966}.admin-main{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.logs{max-height:520px;min-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.menu-tabs{display:inline-flex;gap:.6rem;padding:.2rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172a99}.tab-btn{border:none;background:transparent;color:#cbd5f5;padding:.4rem 1rem;border-radius:999px;cursor:pointer;font-weight:600}.tab-btn.active{background:#6366f14d;color:#f8fafc}.logs-filters{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:.8rem}.logs-filters label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#cbd5f5}.logs-filters input,.logs-filters select{padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#f8fafc}.log-item{border-radius:16px;border:1px solid rgba(148,163,184,.2);overflow:hidden;display:flex;flex-direction:column;gap:0;flex:0 0 auto}.log-item.success{border-color:#22c55e66}.log-item.error{border-color:#ef444466}.log-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid rgba(148,163,184,.15)}.log-item.success .log-header{background:#22c55e29}.log-item.error .log-header{background:#ef444429}.log-header-info{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.log-header-info strong{font-size:1rem}.log-header-info span{color:#cbd5f5;font-size:.85rem}.log-header-info small{color:#e2e8f0;font-weight:600}.log-header-students{color:#86efac;font-size:.85rem}.log-body{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:1rem;padding:1rem;background:#0f172a59}.log-responsible{display:flex;align-items:center;gap:1rem}.log-photo-frame{position:relative;width:240px;height:170px;border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:#0f172a99}.log-photo-main{width:100%;height:100%;object-fit:cover;display:block}.log-photo-avatar{position:absolute;right:10px;bottom:10px;width:68px;height:68px;border-radius:16px;object-fit:cover;border:2px solid rgba(148,163,184,.5);box-shadow:0 10px 20px #02061773;background:#0f172acc}.log-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;background:#0f172a99}.log-right{display:flex;justify-content:flex-end;align-items:center}.log-students-grid{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.log-student-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.35)}.log-photo{width:140px;height:140px;object-fit:cover;display:block}.log-student-caption{position:absolute;left:0;right:0;bottom:0;padding:.35rem .5rem;background:linear-gradient(transparent,#020617d9);color:#f8fafc;font-size:.75rem;display:flex;flex-direction:column;gap:.1rem}.log-student-caption span{color:#cbd5f5;font-size:.7rem}.log-empty{color:#94a3b8;font-size:.85rem}.table-wrapper{overflow-x:auto}.table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.icon-btn{border:1px solid rgba(99,102,241,.5);background:#6366f11a;color:#f8fafc;border-radius:999px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}table{width:100%;border-collapse:collapse}th,td{padding:.8rem .6rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}.actions-inline{display:flex;gap:.8rem;flex-wrap:wrap}.link{background:none;border:none;color:#60a5fa;cursor:pointer;padding:0;font-size:.9rem}.link.danger{color:#f87171}.file-link input{display:none}.modal-backdrop{position:fixed;inset:0;background:#030712a6;display:flex;align-items:center;justify-content:center;z-index:30;animation:fadeIn .2s ease}.modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:2rem;width:min(420px,90%);display:flex;flex-direction:column;gap:1rem}.modal-toggle{display:flex;gap:.8rem}.webcam-section{display:flex;flex-direction:column;gap:.8rem}.webcam-section video,.capture-preview{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#000}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem}.link-list{display:flex;flex-direction:column;gap:.6rem;max-height:280px;overflow-y:auto;padding:.4rem 0}.checkbox-row{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#e2e8f0}.checkbox-row input{width:16px;height:16px}body.light-theme{--bg: linear-gradient(180deg, #f8fbff 0%, #e9eef7 55%, #dfe5f1 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(15, 23, 42, .08);--primary: #2563eb;--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .14);background:var(--bg);color:var(--text)}body.light-theme .theme-fab{background:#2563eb2e;color:#0f172a;border-color:#0f172a1f;box-shadow:0 12px 30px #0f172a2e}body.light-theme .top-nav{background:#ffffffeb;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 12px 30px #0f172a14}body.light-theme .top-nav a,body.light-theme .logout-link{color:#0f172a}body.light-theme .panel,body.light-theme .admin-card,body.light-theme .mobile-panel,body.light-theme .modal-card,body.light-theme .stat-card,body.light-theme .admin-alert{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 18px 40px #0f172a26}body.light-theme .mobile-video-wrapper{background:#fff;border:1px solid rgba(15,23,42,.15)}body.light-theme .badge,body.light-theme .switch{background:#e2e8f0b3;border:1px solid rgba(15,23,42,.15);color:#0f172a;box-shadow:none}body.light-theme .switch.on{background:#2563eb;color:#fff;border-color:#1d4ed8}body.light-theme .btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 18px 30px #2563eb59}body.light-theme .btn.ghost,body.light-theme .btn.outline{background:transparent;border:1px solid rgba(37,99,235,.35);color:#1e293b}body.light-theme .icon-btn{background:#2563eb14;color:#1e293b;border-color:#2563eb59}body.light-theme .detection,body.light-theme .log-item{background:#f8fafff2;border-color:#0f172a14}body.light-theme .detection.success,body.light-theme .log-item.success{border-color:#22c55e66}body.light-theme .detection.error,body.light-theme .log-item.error{border-color:#ef444459}body.light-theme table{color:#0f172a}body.light-theme th,body.light-theme td{border-color:#0f172a14}body.glass-theme{--bg: radial-gradient(circle at top, rgba(10, 14, 28, .85), #010205 75%);--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .35);--primary: rgba(255, 255, 255, .85);--text: #f8fbff;--muted: rgba(255, 255, 255, .75);--border: rgba(255, 255, 255, .25);background:var(--bg);color:var(--text);position:relative;overflow-x:hidden}body.glass-theme .theme-fab{background:#ffffff14;color:var(--text);border-color:#ffffff4d;box-shadow:0 20px 45px #0306128c}body.glass-theme:before,body.glass-theme:after{content:"";position:fixed;width:480px;height:480px;background:radial-gradient(circle,rgba(120,162,255,.45),transparent 60%);filter:blur(20px);z-index:0;pointer-events:none}body.glass-theme:before{top:-120px;left:-80px}body.glass-theme:after{bottom:-160px;right:-120px;background:radial-gradient(circle,rgba(255,108,162,.35),transparent 60%)}body.glass-theme .top-nav{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14,0 20px 40px #020617a6;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:0 0 24px 24px}body.glass-theme .nav-right a{color:var(--text);text-shadow:0 3px 12px rgba(0,0,0,.35)}body.glass-theme .container,body.glass-theme .admin-area,body.glass-theme .admin-container,body.glass-theme .mobile-shell{position:relative;z-index:1}body.glass-theme .panel,body.glass-theme .admin-card,body.glass-theme .mobile-panel,body.glass-theme .modal-card,body.glass-theme .stat-card,body.glass-theme .mobile-video-wrapper,body.glass-theme .admin-alert{background:#ffffff14;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 45px #020617a6,inset 0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%)}body.glass-theme .mobile-video-wrapper{border:1px solid rgba(255,255,255,.4);background:#030712bf}body.glass-theme .mobile-video-wrapper:after{content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(255,255,255,.2);pointer-events:none}body.glass-theme .panel-status.success,body.glass-theme .stat-card.success strong,body.glass-theme .badge-success{color:#2ef4a4}body.glass-theme .panel-status.error,body.glass-theme .stat-card.error strong,body.glass-theme .badge-error{color:#ff7a7a}body.glass-theme .panel-status.info,body.glass-theme .panel-status.loading,body.glass-theme .stat-card.info strong,body.glass-theme .badge-info,body.glass-theme .badge-warning{color:#ffe278}body.glass-theme .badge,body.glass-theme .switch{border-color:#ffffff59;background:#ffffff0d;color:var(--text);box-shadow:0 10px 25px #02061759,inset 0 0 0 1px #ffffff0d}body.glass-theme .switch.on{background:#ffffff1f;border-color:#ffffffa6;color:var(--text)}body.glass-theme .btn{color:#050814;background:linear-gradient(130deg,#fffffff2,#ffffffbf);box-shadow:0 20px 40px #05081473}body.glass-theme .btn.ghost,body.glass-theme .btn.outline{background:#ffffff0d;color:var(--text);border:1px solid rgba(255,255,255,.35)}body.glass-theme .icon-btn{background:#ffffff14;border-color:#ffffff59;color:var(--text)}body.glass-theme .detection,body.glass-theme .log-item{border-color:#ffffff38;background:#ffffff0a}body.glass-theme .detection.success,body.glass-theme .log-item.success{border-color:#2ef4a480}body.glass-theme .detection.error,body.glass-theme .log-item.error{border-color:#ff7a7a73}body.glass-theme table{color:var(--text)}body.glass-theme th,body.glass-theme td{border-color:#ffffff26}body.glass-theme-light{--bg: radial-gradient(circle at top, rgba(255, 255, 255, .9), rgba(214, 227, 255, .95) 65%);--card-bg: rgba(255, 255, 255, .55);--card-border: rgba(255, 255, 255, .65);--primary: rgba(4, 12, 36, .85);--text: #0b152d;--muted: rgba(11, 21, 45, .7);--border: rgba(11, 21, 45, .2);background:var(--bg);color:var(--text);position:relative;overflow-x:hidden}body.glass-theme-light .theme-fab{background:#ffffff59;color:var(--text);border-color:#ffffffa6;box-shadow:0 20px 45px #6076bc59}body.glass-theme-light:before,body.glass-theme-light:after{content:"";position:fixed;width:480px;height:480px;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%);filter:blur(30px);z-index:0;pointer-events:none}body.glass-theme-light:before{top:-140px;left:-100px}body.glass-theme-light:after{bottom:-180px;right:-140px;background:radial-gradient(circle,rgba(164,203,255,.65),transparent 60%)}body.glass-theme-light .top-nav{background:#ffffff73;border:1px solid rgba(255,255,255,.7);border-radius:0 0 24px 24px;box-shadow:inset 0 0 0 1px #ffffff80,0 20px 35px #6076bc40;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%)}body.glass-theme-light .nav-right a,body.glass-theme-light .top-nav a{color:var(--text);text-shadow:0 3px 12px rgba(255,255,255,.45)}body.glass-theme-light .container,body.glass-theme-light .admin-area,body.glass-theme-light .admin-container,body.glass-theme-light .mobile-shell{position:relative;z-index:1}body.glass-theme-light .panel,body.glass-theme-light .admin-card,body.glass-theme-light .mobile-panel,body.glass-theme-light .modal-card,body.glass-theme-light .stat-card,body.glass-theme-light .mobile-video-wrapper,body.glass-theme-light .admin-alert{background:#ffffff94;border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 55px #6c80bf59,inset 0 0 0 1px #ffffff59;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%)}body.glass-theme-light .mobile-video-wrapper{border:1px solid rgba(255,255,255,.7);background:#ffffffa6}body.glass-theme-light .mobile-video-wrapper:after{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(255,255,255,.5);pointer-events:none}body.glass-theme-light .panel-status.success,body.glass-theme-light .stat-card.success strong,body.glass-theme-light .badge-success{color:#13ad76}body.glass-theme-light .panel-status.error,body.glass-theme-light .stat-card.error strong,body.glass-theme-light .badge-error{color:#d0354b}body.glass-theme-light .panel-status.info,body.glass-theme-light .panel-status.loading,body.glass-theme-light .stat-card.info strong,body.glass-theme-light .badge-info,body.glass-theme-light .badge-warning{color:#d09815}body.glass-theme-light .badge,body.glass-theme-light .switch{border-color:#ffffff8c;background:#ffffff47;color:var(--text);box-shadow:0 12px 30px #8396cb59,inset 0 0 0 1px #fff3}body.glass-theme-light .switch.on{background:#fff6;border-color:#fffc;color:var(--text)}body.glass-theme-light .btn{color:#071022;background:linear-gradient(135deg,#fffffff2,#ffffffbf);box-shadow:0 25px 45px #4f6ba659}body.glass-theme-light .btn.ghost,body.glass-theme-light .btn.outline{background:#fff3;color:var(--text);border:1px solid rgba(255,255,255,.6)}body.glass-theme-light .icon-btn{background:#ffffff59;border-color:#ffffffb3;color:var(--text)}body.glass-theme-light .detection,body.glass-theme-light .log-item{border-color:#ffffff80;background:#ffffff59}body.glass-theme-light .detection.success,body.glass-theme-light .log-item.success{border-color:#13ad7673}body.glass-theme-light .detection.error,body.glass-theme-light .log-item.error{border-color:#d0354b73}body.glass-theme-light table{color:var(--text)}body.glass-theme-light th,body.glass-theme-light td{border-color:#ffffff73}@media(max-width:768px){.top-nav{justify-content:center}.actions-inline{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.scanner{grid-template-columns:1fr}}.scanner-shell{max-width:1400px;margin:0 auto;padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.scanner-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.scanner-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem}.scanner-left{display:flex;flex-direction:column;gap:1rem}.scanner-video-card{position:relative;border-radius:28px;border:1px solid rgba(148,163,184,.25);background:#02061799;overflow:hidden;aspect-ratio:16 / 9;min-height:360px;box-shadow:0 40px 70px #02061780}.scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:none;border-radius:0}.scanner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#e2e8f0;background:#030712b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-gradient{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#020617d9);pointer-events:none}.video-status{position:absolute;left:1.5rem;bottom:1.5rem;display:flex;flex-direction:column;gap:.4rem}.video-meta{color:#cbd5f5;font-size:.85rem}.scanner-side{display:flex;flex-direction:column;gap:1rem}.scanner-card{background:var(--card-bg);border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 20px 45px #02061766;animation:fadeUp .4s ease}.scanner-card h2,.scanner-card h3{margin:0}.scanner-card .muted{color:var(--muted);margin:.2rem 0 0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-actions{display:flex;align-items:center;gap:.6rem}.countdown{color:#cbd5f5;font-size:.8rem}.headline-names{font-size:1.3rem;margin:.4rem 0 0;color:#e2e8f0}.status-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,160px);gap:1rem}.status-meta-block{display:grid;grid-template-columns:1fr;gap:.3rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:#cbd5f5}.status-meta-block strong{font-size:.95rem;color:#f8fafc;text-transform:none;letter-spacing:0}.action-card .btn{width:100%;font-size:1rem;padding:.9rem 1.2rem}.match-card{border-color:#22d3ee59}.match-grid{display:flex;flex-direction:column;gap:.8rem}.match-divider{height:1px;background:#94a3b833;margin:.4rem 0}.match-group{display:flex;flex-direction:column;gap:1rem}.match-subcard{border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1rem;background:#0f172a59;display:flex;flex-direction:column;gap:.8rem}.match-subhead{display:flex;justify-content:space-between;align-items:center;gap:1rem}.match-students h4{margin:0;font-size:1rem}.match-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.match-photos span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.35rem}.photo-lg{width:100%;height:140px;object-fit:cover;border-radius:14px;border:1px solid rgba(148,163,184,.3)}.photo-lg.photo-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.8rem;background:#0f172a99}.students-card .students-grid,.match-students .students-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.mini-log-card{border-color:#5eead459}.mini-log-list{display:flex;flex-direction:column;gap:.8rem;max-height:340px;overflow-y:auto}.mini-log-item{display:grid;grid-template-columns:160px 1fr;gap:.9rem;align-items:stretch;padding:.6rem;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a66}.mini-log-responsible{display:flex;gap:.7rem;align-items:center}.mini-log-photo{width:96px;height:72px;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.25)}.mini-log-photo img{width:100%;height:100%;object-fit:cover;display:block}.mini-log-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.7rem;background:#0f172a99}.mini-log-info{display:flex;flex-direction:column;gap:.2rem}.mini-log-info span{color:#cbd5f5;font-size:.8rem}.mini-log-students{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.mini-log-student{display:flex;gap:.5rem;align-items:center;padding:.35rem .5rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#02061773}.mini-log-student-photo{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid rgba(148,163,184,.25)}.mini-log-student-meta{display:flex;flex-direction:column;gap:.1rem;font-size:.75rem;color:#cbd5f5}.mini-log-student-meta span{color:#94a3b8;font-size:.7rem}.mini-log-empty{color:#94a3b8;font-size:.8rem}.scanner-history{margin-top:1.5rem}.history-card .card-head{align-items:flex-end}.history-controls{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap}.history-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#cbd5f5}.history-controls input,.history-controls select{width:180px;padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:transparent;color:#f8fafc}.history-controls .btn{flex:0 0 auto;padding:.6rem 1rem}.history-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.history-item{display:grid;grid-template-columns:90px 1fr;gap:.8rem;padding:.7rem;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a66;align-items:center}.history-item.success{border-color:#22d3ee59}.history-item.error{border-color:#ef444459}.history-photo{width:90px;height:70px;border-radius:12px;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:#0f172a99}.history-photo img{width:100%;height:100%;object-fit:cover;display:block}.history-info{display:flex;flex-direction:column;gap:.2rem}.history-info span{color:#cbd5f5;font-size:.8rem}.history-info small{color:#94a3b8;font-size:.75rem}.students-alert{border:1px solid rgba(239,68,68,.5);background:#ef444426;color:#fecaca;padding:.8rem 1rem;border-radius:12px;font-weight:600}.detections-card .detections-list{max-height:220px;overflow-y:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.scanner-grid{grid-template-columns:1fr}.scanner-video-card{min-height:360px}}@media(max-width:720px){.scanner-shell{padding:1.5rem}.scanner-header{flex-direction:column;align-items:flex-start}.status-card,.match-photos{grid-template-columns:1fr}}