@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap);:root{--bg-primary:#050508;--bg-secondary:#0d0d1a;--bg-card:#111120;--bg-card-hover:#161628;--bg-elevated:#1a1a2e;--accent:#00ff9d;--accent-dim:#00cc7d;--accent-glow:#00ff9d26;--accent-subtle:#00ff9d14;--text-primary:#e8eaf6;--text-secondary:#8892a4;--text-muted:#4a5568;--text-accent:#00ff9d;--border:#ffffff12;--border-accent:#00ff9d4d;--border-hover:#ffffff26;--danger:#ff4757;--warning:#ffa502;--info:#3b82f6;--sidebar-width:240px;--navbar-height:60px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-accent:0 0 20px #00ff9d33;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace;--font-body:"DM Sans",sans-serif;--transition:0.2s ease;--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}body.theme-light,html.theme-light{--bg-primary:#fdf6e3;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f7efe0;--bg-elevated:#f4eee4;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#6b6b6b;--text-accent:#0f4c5c;--border:#1a1a1a14;--border-accent:#00ff9d33;--border-hover:#1a1a1a1f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 6px 24px #0000001f;color-scheme:light}body.theme-dark,html.theme-dark{--bg-primary:#050508;--bg-secondary:#0d0d1a;--bg-card:#111120;--bg-card-hover:#161628;--bg-elevated:#1a1a2e;--text-primary:#e8eaf6;--text-secondary:#8892a4;--text-muted:#4a5568;--text-accent:#00ff9d;--border:#ffffff12;--border-accent:#00ff9d4d;--border-hover:#ffffff26;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#050508;background:var(--bg-primary);color:#e8eaf6;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00ff9d4d;background:var(--border-accent);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00cc7d;background:var(--accent-dim)}.loading-screen{align-items:center;background:#050508;background:var(--bg-primary);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-logo{animation:pulse 2s ease-in-out infinite;color:#00ff9d;color:var(--accent);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:.2em;text-shadow:0 0 20px #00ff9d33;text-shadow:var(--shadow-accent)}.loading-bar{background:#ffffff12;background:var(--border);border-radius:2px;height:3px;overflow:hidden;width:200px}.loading-fill{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ff9d,#0000);background:linear-gradient(90deg,#0000,var(--accent),#0000);height:100%}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00ff9d;background:var(--accent);color:#000;font-weight:700}.btn-primary:hover:not(:disabled){background:#00cc7d;background:var(--accent-dim);box-shadow:0 0 20px #00ff9d33;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{background:#1a1a2e;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);color:#e8eaf6;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#161628;background:var(--bg-card-hover);border-color:#ffffff26;border-color:var(--border-hover)}.btn-ghost{background:#0000;border:1px solid #0000;color:#8892a4;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#1a1a2e;background:var(--bg-elevated);color:#e8eaf6;color:var(--text-primary)}.btn-danger{background:#ff47571a;border:1px solid #ff47574d;color:#ff4757;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff475733}.btn-sm{font-size:.8rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:14px 28px}.btn-icon{border-radius:8px;border-radius:var(--radius-sm);padding:8px}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#8892a4;color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-input{background:#1a1a2e;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e8eaf6;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus{border-color:#00ff9d;border-color:var(--accent);box-shadow:0 0 0 3px #00ff9d14;box-shadow:0 0 0 3px var(--accent-subtle)}.form-input::placeholder{color:#4a5568;color:var(--text-muted)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238892a4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:#111120;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}.card-hover{cursor:pointer;transition:all .2s ease;transition:all var(--transition)}.card-hover:hover{background:#161628;background:var(--bg-card-hover);border-color:#ffffff26;border-color:var(--border-hover);box-shadow:0 4px 20px #00000080;box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:3px 10px}.badge-accent{background:#00ff9d14;background:var(--accent-subtle);border:1px solid #00ff9d4d;border:1px solid var(--border-accent);color:#00ff9d;color:var(--accent)}.badge-danger{background:#ff47571a;color:#ff4757;color:var(--danger)}.badge-info{background:#3b82f61a;color:#3b82f6;color:var(--info)}.badge-warning{background:#ffa5021a;color:#ffa502;color:var(--warning)}.confidence-bar{background:#ffffff12;background:var(--border);border-radius:2px;height:4px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#00cc7d,#00ff9d);background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:2px;height:100%;transition:width .5s ease}.toggle{cursor:pointer;display:inline-flex;height:24px;position:relative;width:44px}.toggle input{display:none}.toggle-slider{background:#1a1a2e;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .2s ease;transition:all var(--transition)}.toggle-slider:before{background:#4a5568;background:var(--text-muted);border-radius:50%;content:"";height:18px;left:2px;top:2px;width:18px}.toggle input:checked+.toggle-slider{background:#00ff9d14;background:var(--accent-subtle);border-color:#00ff9d;border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#00ff9d;background:var(--accent);transform:translateX(20px)}.tabs{background:#1a1a2e;background:var(--bg-elevated);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:4px;padding:4px}.tab-btn{background:none;border:none;border-radius:6px;color:#8892a4;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease;transition:all var(--transition)}.tab-btn.active{background:#111120;background:var(--bg-card);color:#00ff9d;color:var(--accent)}.tab-btn:hover:not(.active){color:#e8eaf6;color:var(--text-primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#111120;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);max-height:90vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@keyframes scanline{0%{top:0}to{top:100%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #00ff9d26;box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 30px #00ff9d66}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.divider{align-items:center;color:#4a5568;color:var(--text-muted);display:flex;font-size:.8rem;gap:12px}.divider:after,.divider:before{background:#ffffff12;background:var(--border);content:"";flex:1 1;height:1px}.webcam-container{background:#000;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;position:relative}.webcam-container.active{border-color:#00ff9d;border-color:var(--accent);box-shadow:0 0 0 1px #00ff9d4d,0 0 20px #00ff9d33;box-shadow:0 0 0 1px var(--border-accent),var(--shadow-accent)}.webcam-scanline{animation:scanline 3s linear infinite;background:linear-gradient(90deg,#0000,#00ff9d,#0000);background:linear-gradient(90deg,#0000,var(--accent),#0000);height:2px;left:0;opacity:.6;right:0}.detection-overlay,.webcam-scanline{pointer-events:none;position:absolute}.detection-overlay{inset:0}.detection-box{animation:glow-pulse 1.5s ease-in-out infinite;border:2px solid #00ff9d;border:2px solid var(--accent);border-radius:4px;position:absolute}.detection-label{background:#00ff9d;background:var(--accent);border-radius:4px 4px 4px 0;color:#000;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:700;left:0;padding:2px 8px;position:absolute;top:-26px;white-space:nowrap}.message-bubble{animation:fadeIn .2s ease;border-radius:16px;font-size:.9rem;line-height:1.5;max-width:75%;padding:10px 14px}.message-bubble.user{align-self:flex-end;background:#00ff9d;background:var(--accent);border-bottom-right-radius:4px;color:#000}.message-bubble.assistant{align-self:flex-start;background:#1a1a2e;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-bottom-left-radius:4px;color:#e8eaf6;color:var(--text-primary)}.message-bubble.sign{background:linear-gradient(135deg,#00ff9d14,#1a1a2e);background:linear-gradient(135deg,var(--accent-subtle),var(--bg-elevated));border:1px solid #00ff9d4d;border:1px solid var(--border-accent)}.sidebar-nav-item{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#8892a4;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;font-weight:500;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.sidebar-nav-item:hover{background:#1a1a2e;background:var(--bg-elevated);color:#e8eaf6;color:var(--text-primary)}.sidebar-nav-item.active{background:#00ff9d14;background:var(--accent-subtle);border-color:#00ff9d4d;border-color:var(--border-accent);color:#00ff9d;color:var(--accent)}.sidebar-nav-item .nav-icon{flex-shrink:0}.page-header{margin-bottom:28px}.page-title{color:#e8eaf6;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.page-subtitle{color:#8892a4;color:var(--text-secondary);font-size:.875rem;margin-top:4px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#111120;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;padding:20px;position:relative}.stat-card:before{background:linear-gradient(90deg,#00ff9d,#0000);background:linear-gradient(90deg,var(--accent),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-value{color:#00ff9d;color:var(--accent);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#8892a4;color:var(--text-secondary);font-size:.78rem;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.text-accent{color:#00ff9d;color:var(--accent)}.text-danger{color:#ff4757;color:var(--danger)}.text-muted{color:#4a5568;color:var(--text-muted)}.text-secondary{color:#8892a4;color:var(--text-secondary)}.text-mono{font-family:Space Mono,monospace;font-family:var(--font-mono)}.font-display{font-family:Syne,sans-serif;font-family:var(--font-display)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1 1}.w-full{width:100%}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.p-6{padding:24px}.rounded{border-radius:8px;border-radius:var(--radius-sm)}.rounded-lg{border-radius:12px;border-radius:var(--radius)}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff12;border-top-color:#00ff9d;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.dot-indicator{height:8px;position:relative;width:8px}.dot-indicator,.dot-indicator:after{background:#00ff9d;background:var(--accent);border-radius:50%}.dot-indicator:after{animation:ping 1.5s ease-out infinite;content:"";inset:0;position:absolute}
/*# sourceMappingURL=main.53e9d0ed.css.map*/