*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#090d14;--surface:#111722;--border:#1e2635;--text-primary:#e6ebf2;--text-secondary:#8893a5;--accent:#5c8af7;--accent-light:#19243d;--green:#3dd68c;--green-bg:#0a3d2f;--orange:#f5a623;--orange-bg:#3d2200;--red:#f97066;--red-bg:#421212;--yellow:#e5c74e;--yellow-bg:#3d3300;--gray:#8994a4;--gray-bg:#161e2b;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 20px #0000004d;--radius:12px;--navy:#dce2ea;--blue:#5c8af7;--blue-light:#4f7de8;--accent-soft:#19243d;--red-soft:#2d1010;--green-soft:#0a2e20;--gray-50:#0b121d;--gray-100:#141c28;--gray-200:#1f2838;--gray-400:#566174;--gray-600:#8994a5;--gray-800:#dce3eb;--white:#181f2c;--shadow-lg:0 12px 32px #0006}[data-theme=light]{--bg:#f6f7f9;--surface:#fff;--border:#e8ebf1;--text-primary:#121926;--text-secondary:#6a7489;--accent:#4f6ef6;--accent-light:#eff2ff;--green:#3dd68c;--green-bg:#ecfdf5;--orange:#f5a623;--orange-bg:#fff8eb;--red:#f97066;--red-bg:#fef3f2;--yellow:#e5c74e;--yellow-bg:#fefce8;--gray:#838d9e;--gray-bg:#f2f4f7;--shadow-sm:0 0 0 1px #00000008, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000d;--navy:#0d1b4b;--blue:#4f6ef6;--blue-light:#4361e0;--accent-soft:#eef1ff;--red-soft:#fff5f5;--green-soft:#f0faf6;--gray-50:#f9fafc;--gray-100:#f1f3f7;--gray-200:#e4e7ef;--gray-400:#8f97a8;--gray-600:#555f73;--gray-800:#1e2545;--white:#fff;--shadow-lg:0 12px 32px #00000012}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 9px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:16px;height:16px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fade-up{animation:.6s both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}body{background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.65}nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;height:60px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:0 40px;animation:.4s both fadeIn;display:flex;position:sticky;top:0}.nav-logo,.logo{color:var(--navy);align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav-logo svg,.logo svg{width:22px;height:22px}[data-theme=light] .logo-outer{stroke:#3b82f6}[data-theme=light] .logo-inner{stroke:#084298}[data-theme=light] .logo-text-1{color:#084298}[data-theme=light] .logo-text-2{color:#3b82f6}[data-theme=dark] .logo-outer,[data-theme=dark] .logo-inner{stroke:#fff}[data-theme=dark] .logo-text-1,[data-theme=dark] .logo-text-2{color:#fff}.logo-outer,.logo-inner{stroke:#fff;transition:stroke .3s}.logo-text-1,.logo-text-2{color:#fff;transition:color .3s}.logo-icon{background:var(--accent);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-icon svg{fill:#fff;width:16px;height:16px}.nav-links,nav ul{gap:6px;list-style:none;display:flex}nav ul{gap:28px}.nav-links a,nav ul a{color:var(--text-secondary);border-radius:8px;padding:6px 13px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}nav ul a{color:var(--gray-600);padding:0}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:var(--accent-light)}nav ul a:hover{color:var(--navy)}.nav-right,.nav-btns{align-items:center;gap:14px;display:flex}.nav-welcome,.welcome-text{color:var(--text-secondary);font-size:14px}.nav-welcome strong,.welcome-text strong{color:var(--text-primary);font-weight:600}.btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-outline{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:flex}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s,transform .1s;display:flex}.btn-primary:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #5c8af740}.btn-add,.btn-mark{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.btn-add:hover,.btn-mark:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 14px #5c8af740}.btn-logout{color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{border-color:var(--accent);color:var(--accent)}.btn-logout svg{width:14px;height:14px}.btn-nav{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-nav svg{width:14px;height:14px}.btn-outline.btn-nav,.btn-nav.btn-outline{color:var(--accent);border-color:var(--border);background:var(--surface)}.btn-nav.btn-outline:hover{border-color:var(--accent);background:var(--accent-light)}.btn-nav.btn-filled{color:#fff;background:var(--accent);border-color:var(--accent)}.btn-nav.btn-filled:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #5c8af740}.btn-hero-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .2s,transform .1s;display:flex}.btn-hero-primary:hover{background:var(--blue-light);transform:translateY(-1px)}.btn-hero-secondary{color:var(--navy);border:1.5px solid var(--gray-200);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:flex}.btn-hero-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-bordered{border:1.5px solid var(--gray-200);width:fit-content;color:var(--navy);cursor:pointer;background:0 0;border-radius:8px;margin:0 auto;padding:10px 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .2s,background .2s;display:block}.btn-bordered:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-admin{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:border-color .2s,background .2s;display:flex}.btn-admin:hover{background:#ffffff14;border-color:#ffffff80}.btn-action{cursor:pointer;border:1.5px solid;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.btn-resolve{color:var(--green);border-color:var(--green);background:0 0}.btn-resolve:hover{background:var(--green-bg)}.btn-dismiss{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-dismiss:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-settings{width:100%;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-settings:hover{border-color:var(--accent);color:var(--accent)}main{max-width:1160px;margin:0 auto;padding:36px 24px 60px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;animation:.4s both fadeUp;display:flex}.page-header h1,.page-title h1{letter-spacing:-.4px;font-size:26px;font-weight:700}.page-header p,.page-title p{color:var(--text-secondary);margin-top:4px;font-size:14px}.page-actions{gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 20px;transition:transform .2s,box-shadow .2s;animation:.45s both fadeUp}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.stat-icon{background:var(--accent-light);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;display:flex}.stat-icon svg{width:20px;height:20px;color:var(--accent)}.stat-icon.red{background:var(--red-bg)}.stat-icon.red svg{color:var(--red)}.stat-icon.green{background:var(--green-bg)}.stat-icon.green svg{color:var(--green)}.trend{color:var(--green);align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.trend svg{width:14px;height:14px}.stat-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.stat-value.blue,.stat-value.dark{color:var(--text-primary)}.stat-value.green{color:var(--green)}.stat-value.orange{color:var(--orange)}.stat-value.red{color:var(--red)}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:.5s .25s both fadeUp;overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{background:var(--gray-100);border-bottom:1px solid var(--border)}th{color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:13px 20px;font-size:12.5px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--gray-100)}td{color:var(--text-primary);padding:14px 20px;font-size:14px}td.name-cell{font-weight:600}td.dept-cell,td.pos-cell{color:var(--text-secondary)}td.date-cell{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:13.5px}td.dash-cell{color:var(--text-secondary)}td.mono{font-family:DM Mono,monospace;font-size:13.5px}td.secondary{color:var(--text-secondary)}.badge{border-radius:20px;align-items:center;padding:4px 11px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.badge-present{background:var(--green-bg);color:var(--green)}.badge-late{background:var(--orange-bg);color:var(--orange)}.badge-absent{background:var(--red-bg);color:var(--red)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-active{background:var(--green-bg);color:var(--green)}.badge-inactive{background:var(--red-bg);color:var(--red)}.badge-onleave{background:var(--orange-bg);color:var(--orange)}.badge-critical{background:var(--red-bg);color:var(--red)}.badge-high{background:var(--orange-bg);color:var(--orange)}.badge-medium{background:var(--yellow-bg);color:var(--yellow)}.badge-resolved{background:var(--green-bg);color:var(--green)}.badge-dismissed{background:var(--gray-bg);color:var(--gray)}.sev-high{background:var(--red-bg);color:var(--red)}.sev-medium{background:var(--orange-bg);color:var(--orange)}.sev-low{background:var(--yellow-bg);color:var(--yellow)}.st-investigation{background:var(--orange-bg);color:var(--orange)}.st-resolved{background:var(--green-bg);color:var(--green)}.search-wrap{margin-bottom:18px;animation:.4s 50ms both fadeUp}.search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:9px;align-items:center;gap:9px;width:320px;padding:9px 14px;transition:border-color .2s;display:flex}.search-input:focus-within{border-color:var(--accent)}.search-input svg{color:var(--text-secondary);flex-shrink:0}.search-input input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:14px}.search-input input::placeholder{color:var(--text-secondary)}.bottom-grid{grid-template-columns:1fr 380px;gap:18px;animation:.5s .25s both fadeUp;display:grid}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:24px 22px}.card-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:15px;font-weight:600;display:flex}.card-title svg{width:16px;height:16px;color:var(--text-secondary)}.attendance-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.attendance-row:last-child{border-bottom:none}.att-info{flex-direction:column;gap:2px;display:flex}.att-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.att-time{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:12px}.alert-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.alert-row:last-child{border-bottom:none}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.dot-red{background:var(--red);box-shadow:0 0 0 3px #ef44442e}.dot-orange{background:var(--orange);box-shadow:0 0 0 3px #f59e0b2e}.dot-yellow{background:var(--yellow);box-shadow:0 0 0 3px #eab3082e}.alert-body{flex:1}.alert-title{color:var(--text-primary);margin-bottom:2px;font-size:13.5px;font-weight:600}.alert-sub{color:var(--text-secondary);font-size:12px;line-height:1.5}.month-section{margin-bottom:20px}.month-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.month-label{color:var(--text-primary);font-size:14px}.month-pct{color:var(--text-primary);font-size:13px;font-weight:600}.progress-bar{background:var(--border);border-radius:99px;height:7px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%}.month-divider{background:var(--border);height:1px;margin:20px 0}.month-stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500}.month-stat-value{color:var(--text-primary);font-size:26px;font-weight:700}.alerts-list{flex-direction:column;gap:12px;display:flex}.alert-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:flex-start;gap:16px;padding:20px 22px;transition:box-shadow .2s;animation:.5s both fadeUp;display:flex}.alert-card:hover{box-shadow:0 4px 16px #00000026}.alert-card:first-child{animation-delay:50ms}.alert-card:nth-child(2){animation-delay:.1s}.alert-card:nth-child(3){animation-delay:.15s}.alert-card:nth-child(4){animation-delay:.2s}.alert-card:nth-child(5){animation-delay:.25s}.alert-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-icon.critical{background:var(--red-bg)}.alert-icon.high{background:var(--orange-bg)}.alert-icon.medium{background:var(--yellow-bg)}.alert-icon svg{width:18px;height:18px}.alert-icon.critical svg{color:var(--red)}.alert-icon.high svg{color:var(--orange)}.alert-icon.medium svg{color:var(--yellow)}.alert-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.alert-desc{color:var(--text-secondary);margin-bottom:10px;font-size:13.5px;line-height:1.5}.alert-meta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:12.5px;display:flex}.meta-item svg{flex-shrink:0;width:13px;height:13px}.meta-item.confidence{color:var(--green);font-family:DM Sans,sans-serif;font-weight:500}.alert-actions{flex-shrink:0;align-items:center;gap:8px;margin-top:2px;display:flex}.cameras-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.camera-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;animation:.5s both fadeUp;overflow:hidden}.camera-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.camera-card:first-child{animation-delay:50ms}.camera-card:nth-child(2){animation-delay:90ms}.camera-card:nth-child(3){animation-delay:.13s}.camera-card:nth-child(4){animation-delay:.17s}.camera-card:nth-child(5){animation-delay:.21s}.camera-card:nth-child(6){animation-delay:.25s}.camera-card:nth-child(7){animation-delay:.29s}.camera-card:nth-child(8){animation-delay:.33s}.camera-card:nth-child(9){animation-delay:.37s}.camera-card:nth-child(10){animation-delay:.41s}.camera-card:nth-child(11){animation-delay:.45s}.camera-card:nth-child(12){animation-delay:.49s}.camera-feed{background:var(--gray-200);justify-content:center;align-items:center;height:160px;display:flex;position:relative}.camera-feed svg{width:44px;height:44px;color:var(--gray-400)}.feed-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.feed-badge.live{background:var(--green);color:#fff}.feed-badge.offline{background:var(--red);color:#fff}.feed-badge .dot{opacity:.85;background:#fff;border-radius:50%;width:6px;height:6px}.camera-info{padding:14px 16px 6px}.camera-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.camera-location{color:var(--text-secondary);font-size:12.5px}.camera-status-row{justify-content:space-between;align-items:center;padding:10px 16px 4px;display:flex}.status-time{color:var(--text-secondary);font-size:12px}.alerts-count{color:var(--orange);font-size:12px;font-weight:600}.alerts-count.zero{color:var(--text-secondary)}.camera-footer{padding:8px 14px 14px}.type-cell{align-items:center;gap:8px;font-weight:600;display:flex}.type-cell svg{color:var(--red);flex-shrink:0}.page-center{flex-direction:column;align-items:center;padding:60px 24px 80px;display:flex}.page-heading{text-align:center;margin-bottom:28px;animation:.4s 50ms both fadeUp}.page-heading h1{letter-spacing:-.4px;margin-bottom:6px;font-size:28px;font-weight:700}.page-heading p{color:var(--text-secondary);font-size:14px}.form-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-md);border:1px solid var(--border);padding:32px 32px 28px;animation:.45s .1s both fadeUp}.role-toggle{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.role-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.role-btn svg{width:26px;height:26px;color:var(--text-secondary);transition:color .2s}.role-btn span{color:var(--text-secondary);text-align:center;font-size:12.5px;font-weight:600;line-height:1.3;transition:color .2s}.role-btn:hover,.role-btn.active{border-color:var(--accent);background:var(--accent-light)}.role-btn.active svg,.role-btn.active span{color:var(--accent)}.error-msg{background:var(--red-bg);border:1px solid var(--red);color:var(--red);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;display:none}.error-msg.visible{display:flex}.error-msg svg{flex-shrink:0;width:15px;height:15px}.field{margin-bottom:16px}.field label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{width:100%;color:var(--text-primary);background:var(--gray-100);border:1.5px solid var(--border);border-radius:8px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .2s,background .2s}.field input::placeholder{color:var(--text-secondary)}.field input:focus{background:var(--surface);border-color:var(--accent)}.field input.input-error{background:var(--red-bg);border-color:var(--red)!important}.btn-submit{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:8px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.btn-submit:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #5c8af740}.btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.signin-row{text-align:center;color:var(--text-secondary);margin-top:18px;font-size:13px}.signin-row a{color:var(--accent);font-weight:700;text-decoration:none}.signin-row a:hover{text-decoration:underline}.demo-box{background:var(--gray-100);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:14px 16px}.demo-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:11.5px;font-weight:700}.demo-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.demo-row:last-child{margin-bottom:0}.demo-role{color:var(--text-primary);min-width:60px;font-size:12.5px;font-weight:600}.demo-creds{color:var(--text-secondary);flex:1;font-family:DM Mono,monospace;font-size:11.5px}.btn-fill-demo{color:var(--accent);background:var(--accent-light);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s}.btn-fill-demo:hover{background:var(--gray-200)}.modal-overlay.open{animation:.2s fadeIn;display:flex}.modal{background:var(--surface);border-radius:14px;width:420px;padding:30px 28px;animation:.25s slideUp;box-shadow:0 20px 60px #00000040}#modal-architecture{display:none}#modal-model,#modal-dataset{width:620px;max-width:95vw;max-height:85vh;overflow-y:auto}.modal h2{margin-bottom:20px;font-size:18px;font-weight:700}[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}[data-theme=light] .modal{background:var(--surface);box-shadow:0 20px 60px #00000040}[data-theme=light] .modal-close{color:var(--text-secondary)}[data-theme=light] .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}[data-theme=light] #modal-model.modal-light{background:var(--surface);color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .modal-header h2{color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .modal-close{color:var(--text-secondary)}[data-theme=light] #modal-model.modal-light .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}[data-theme=light] #modal-model.modal-light::-webkit-scrollbar-thumb{background:var(--gray-200)}[data-theme=light] #modal-model.modal-light .ai-hero{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--gray-100) 100%);border:1px solid var(--accent)}[data-theme=light] #modal-model.modal-light .ai-hero-icon{background:var(--accent)}[data-theme=light] #modal-model.modal-light .ai-hero-icon svg{color:#fff}[data-theme=light] #modal-model.modal-light .ai-hero-content h3{color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .ai-hero-content p{color:var(--text-secondary)}[data-theme=light] #modal-model.modal-light .ai-section-header h4{color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .ai-check-item{color:var(--text-secondary)}[data-theme=light] #modal-model.modal-light .ai-feature-card{background:var(--gray-50);border-color:var(--border)}[data-theme=light] #modal-model.modal-light .ai-feature-card h5{color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .ai-feature-card p{color:var(--text-secondary)}[data-theme=light] #modal-model.modal-light .ai-tech-card{background:var(--gray-50);border-color:var(--border)}[data-theme=light] #modal-model.modal-light .ai-tech-item strong{color:var(--text-primary)}[data-theme=light] #modal-model.modal-light .ai-tech-item span{color:var(--text-secondary)}[data-theme=light] #modal-model.modal-light .ai-perf-card{background:var(--green-bg);border-color:var(--green)}[data-theme=light] #modal-model.modal-light .ai-perf-num.green{color:var(--green)}[data-theme=light] #modal-model.modal-light .ai-perf-num.blue{color:var(--accent)}[data-theme=light] #modal-model.modal-light .ai-perf-label{color:var(--text-secondary)}[data-theme=light] .ds-hero{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--gray-100) 100%);border:1px solid var(--accent)}[data-theme=light] .ds-hero-content h3{color:var(--text-primary)}[data-theme=light] .ds-hero-content p{color:var(--text-secondary)}[data-theme=light] .ds-card{background:var(--gray-50)}[data-theme=light] .ds-card-header h4,[data-theme=light] .ds-dataset-label{color:var(--text-primary)}[data-theme=light] .ds-check-item{color:var(--text-secondary)}[data-theme=light] .ds-check-item strong{color:var(--text-primary)}[data-theme=light] .ds-labeling-box{background:var(--accent-light);border-color:var(--accent)}[data-theme=light] .ds-labeling-cell{background:var(--surface);border-color:var(--border)}[data-theme=light] .ds-labeling-cell strong{color:var(--text-primary)}[data-theme=light] .ds-labeling-cell span{color:var(--text-secondary)}[data-theme=light] .ds-labeling-unsafe{background:var(--red-bg);border-color:var(--red)}[data-theme=light] .ds-labeling-unsafe strong,[data-theme=light] .ds-labeling-unsafe span{color:var(--red)}[data-theme=light] .ds-step{color:var(--text-secondary)}[data-theme=light] .ds-step strong{color:var(--text-primary)}[data-theme=light] .ds-step-num{background:var(--accent)}[data-theme=light] .ds-training-grid,[data-theme=light] .ds-training-item{color:var(--text-secondary)}[data-theme=light] .ds-kpi{background:var(--gray-50);border-color:var(--border)}[data-theme=light] .ds-kpi-num{color:var(--text-primary)}[data-theme=light] .ds-kpi-label{color:var(--text-secondary)}[data-theme=light] .ds-kpi-green{background:var(--green-bg);border-color:var(--green)}[data-theme=light] .ds-kpi-green .ds-kpi-num{color:var(--green)}[data-theme=light] .ds-kpi-blue{background:var(--accent-light);border-color:var(--accent)}[data-theme=light] .ds-kpi-blue .ds-kpi-num{color:var(--accent)}[data-theme=light] .ds-kpi-purple{background:var(--accent-soft);border-color:var(--accent)}[data-theme=light] .ds-kpi-purple .ds-kpi-num{color:var(--accent)}[data-theme=light] .ds-model-stats{background:var(--gray-50);border-color:var(--border)}[data-theme=light] .ds-model-stat-val{color:var(--text-primary)}[data-theme=light] .ds-model-stat-label{color:var(--text-secondary)}[data-theme=light] .ds-training-col-title{color:var(--text-primary)}.form-group{margin-bottom:14px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-group input,.form-group select{width:100%;color:var(--text-primary);background:var(--gray-100);border:1.5px solid var(--border);border-radius:8px;outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);background:var(--surface)}.btn-cancel{color:var(--text-secondary);background:var(--gray-100);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-save{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.btn-save:hover{background:var(--blue-light)}.actions-cell{gap:8px;display:flex}.btn-edit{color:var(--accent);background:var(--accent-light);border:1.5px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-edit:hover{border-color:var(--accent);background:var(--gray-200)}.btn-edit svg{width:13px;height:13px}.btn-delete{color:var(--red);background:var(--red-bg);border:1.5px solid var(--red);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-delete:hover{background:var(--red);border-color:var(--red);color:#fff}.btn-delete svg{width:13px;height:13px}.modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.architecture-flow{margin-bottom:24px}.flow-section{background:var(--gray-100);border-left:4px solid var(--accent);border-radius:10px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:18px;display:flex;position:relative}.flow-input{border-left-color:#3b82f6}.flow-ai{border-left-color:#8b5cf6}.flow-backend{border-left-color:#3b82f6}.flow-output{border-left-color:#10b981}.section-icon{flex-shrink:0;margin-top:2px;font-size:20px}.section-content h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.section-content p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.5}.section-content ul{color:var(--text-secondary);margin:12px 0 0;padding-left:18px;font-size:14px}.section-content ul li{margin-bottom:4px}.two-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.two-columns div{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13.5px}.two-columns strong{color:var(--text-primary);font-weight:600}.flow-arrow{text-align:center;color:var(--text-secondary);height:20px;margin:4px 0 8px;font-size:18px}.tech-stack{background:var(--gray-100);border-top:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;padding:16px;display:grid}.tech-item{text-align:center}.tech-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.tech-value{color:var(--text-primary);font-size:13px;font-weight:500}.hero{background:var(--gray-50);grid-template-columns:1fr 1fr;align-items:stretch;gap:60px;max-width:1100px;margin:0 auto;padding:80px 40px 0;display:grid;overflow:visible}.hero-section{background:var(--gray-50);padding-bottom:0}.hero-left{padding-bottom:60px}.hero h1{color:var(--navy);margin-bottom:14px;font-family:Sora,sans-serif;font-size:42px;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--accent);margin-bottom:16px;font-size:15px;font-weight:500}.hero-desc{color:var(--gray-600);max-width:400px;margin-bottom:28px;font-size:14px}.hero-btns{flex-wrap:wrap;gap:12px;display:flex}.hero-right{flex-direction:column;align-self:stretch;padding-bottom:40px;display:flex;position:relative}.hero-img-card{background:0 0;border-radius:22px;flex:1;min-height:500px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;transform:translateY(-6px);box-shadow:0 20px 60px #0000002e,0 8px 24px #0000001a}[data-theme=light] .hero-img-card{box-shadow:0 24px 64px #0d1b4b26,0 8px 20px #0d1b4b14}.hero-img-card img{object-fit:cover;object-position:center 30%;border-radius:inherit;width:100%;height:100%;min-height:500px;display:block}.hero-img-placeholder{background:linear-gradient(135deg,#1e2545 0%,#2d3a75 50%,#1e2a5a 100%);justify-content:center;align-items:center;width:100%;height:420px;display:flex}.hero-img-placeholder svg{opacity:.3;fill:#fff;width:80px;height:80px}[data-theme=light] .hero-img-placeholder svg{fill:var(--gray-600)}.badge-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:var(--surface);color:var(--navy);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:600;transition:box-shadow .3s,transform .3s;display:flex;position:absolute;box-shadow:0 8px 24px #0006}[data-theme=light] .badge-card{background:var(--surface);color:var(--navy);border:1px solid #0000000a;box-shadow:0 8px 28px #0d1b4b29,0 2px 8px #0d1b4b14}.badge-card-top{top:24px;right:-24px}.badge-card-bottom{bottom:60px;left:-24px}.badge-icon{justify-content:center;align-items:center;font-size:16px;display:flex}.badge-icon-alert,[data-theme=light] .badge-icon-alert{color:#f59e0b}[data-theme=light] .badge-icon-alert svg{stroke:#f59e0b}.badge-icon-face,[data-theme=light] .badge-icon-face{color:var(--accent)}[data-theme=light] .badge-icon-face svg{stroke:var(--accent)}.badge-sub{color:var(--gray-400);font-size:10px;font-weight:400}section{padding:80px 40px}.container{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-header h2{color:var(--navy);margin-bottom:10px;font-family:Sora,sans-serif;font-size:30px;font-weight:700}.section-header p{color:var(--gray-600);max-width:500px;margin:0 auto;font-size:14px}.arrow-accent{color:var(--accent)}.ps-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ps-card{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:var(--surface);padding:32px;transition:transform .3s,box-shadow .3s}.ps-card-problem{border-top:3px solid var(--red)}.ps-card-problem:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px #f9706626}.ps-card-solution{border-top:3px solid var(--green)}.ps-card-solution:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px #3dd68c26}.ps-card-title{color:var(--navy);align-items:center;gap:10px;margin-bottom:20px;font-family:Sora,sans-serif;font-size:17px;font-weight:700;display:flex}.ps-icon-problem{color:var(--red);font-size:20px}.ps-icon-solution{color:var(--green);font-size:20px}.ps-item{color:var(--gray-600);align-items:flex-start;gap:10px;margin-bottom:14px;font-size:13.5px;display:flex}.ps-dot-problem{color:var(--red);flex-shrink:0;margin-top:2px;font-size:16px}.ps-dot-solution{color:var(--green);flex-shrink:0;margin-top:2px;font-size:16px}.pipeline{justify-content:center;align-items:stretch;gap:15px;margin-bottom:28px;display:flex}.pipeline-step{flex:1}.pipeline-icon{border:1.5px solid var(--gray-200);background:var(--surface);width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 10px;font-size:22px;display:flex}.pipeline-label{color:var(--navy);font-size:13px;font-weight:600}.pipeline-sub{color:var(--gray-400);font-size:11px}.pipeline-arrow{color:var(--gray-400);align-self:center;padding:0 8px;font-size:20px}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);background:var(--surface);padding:24px 20px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:flex}.feature-title{color:var(--navy);margin-bottom:8px;font-family:Sora,sans-serif;font-size:14px;font-weight:700}.feature-desc{color:var(--gray-600);font-size:13px}.ai-models{background:var(--gray-50)}.models-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.model-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px}.model-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.model-icon{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.model-title{color:var(--navy);font-family:Sora,sans-serif;font-size:16px;font-weight:700}.model-sub{color:var(--accent);font-size:12px;font-weight:500}.model-img{object-fit:cover;background:var(--gray-100);border-radius:10px;width:100%;height:160px;margin-bottom:18px}.model-img-placeholder{border-radius:10px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:18px;font-size:40px;display:flex}.model-img-violence{background:linear-gradient(135deg,#1a1a2e,#16213e)}.model-img-face{background:linear-gradient(135deg,#0f0f1a,#1a1a3e)}.model-features{margin-bottom:20px;list-style:none}.model-features li{color:var(--gray-600);align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.model-features li:before{content:"•";color:var(--accent);flex-shrink:0;margin-top:-1px;font-size:16px}.model-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.model-stat{background:var(--gray-100);text-align:center;border-radius:8px;padding:14px}.model-stat-val{color:var(--navy);font-family:Sora,sans-serif;font-size:22px;font-weight:800}.model-stat-label{color:var(--gray-400);margin-top:2px;font-size:11px}.dataset{background:var(--surface)}.dataset-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.dataset-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);background:var(--surface);padding:26px 22px}.dataset-icon{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:20px;display:flex}.dataset-title{color:var(--navy);margin-bottom:14px;font-family:Sora,sans-serif;font-size:15px;font-weight:700}.dataset-item{color:var(--gray-600);margin-bottom:8px;font-size:13px;line-height:1.5}.dataset-item strong{color:var(--navy);font-weight:600}.limitations{background:var(--gray-50)}.lim-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lim-card{border-radius:var(--radius);border:1.5px solid;padding:28px}.lim-card-current{background:var(--red-soft);border-color:#7f1d1d}.lim-card-future{background:var(--green-soft);border-color:#064e3b}.lim-title{color:var(--navy);align-items:center;gap:10px;margin-bottom:20px;font-family:Sora,sans-serif;font-size:16px;font-weight:700;display:flex}.lim-item{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:16px}.lim-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.lim-item-title{color:var(--navy);margin-bottom:3px;font-size:13.5px;font-weight:600}.lim-item-desc{color:var(--accent);font-size:12.5px}.lim-item-desc-green{color:var(--gray-600);font-size:12.5px}.team{background:var(--surface)}.team-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:10px;display:grid}.team-grid-last{gap:16px;display:flex}.team-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);text-align:center;background:var(--surface);padding:24px 16px;transition:box-shadow .2s,transform .2s}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.team-avatar{width:52px;height:52px;color:var(--blue);background:#1e293b;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;display:flex}[data-theme=light] .team-avatar{background:#dde1ee}.team-name{color:var(--navy);margin-bottom:4px;font-size:14px;font-weight:600}.team-role{color:var(--accent);font-size:12px;font-weight:500}footer{background:var(--gray-50);color:var(--text-secondary);padding:48px 40px 20px}[data-theme=light] footer{background:var(--navy);color:#ffffffd9;border-top:none}[data-theme=light] .footer-logo{color:#fff}[data-theme=light] .footer-logo span{color:#6b9bfa}[data-theme=light] .footer-tagline{color:#fff9}[data-theme=light] .footer-col h4{color:#fff}[data-theme=light] .footer-col p{color:#ffffffbf}[data-theme=light] .footer-bottom{color:#ffffff80;border-color:#ffffff1a}[data-theme=light] .ai-models{background:var(--surface)}[data-theme=light] .ai-models .section-header h2{color:var(--navy)}[data-theme=light] .ai-models .section-header p{color:var(--gray-600)}[data-theme=light] .hero-img-placeholder{background:var(--gray-100)}[data-theme=light] .hero-img-placeholder svg{fill:var(--gray-400);opacity:.5}[data-theme=light] .modal-arch{background:var(--surface);color:var(--text-primary)}[data-theme=light] .modal-arch .modal-header h2{color:var(--text-primary)}[data-theme=light] .modal-arch .modal-close{color:var(--text-secondary)}[data-theme=light] .modal-arch .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}[data-theme=light] .modal-arch::-webkit-scrollbar-thumb{background:var(--gray-200)}[data-theme=light] .modal-arch .arch-card-content h4{color:var(--text-primary)}[data-theme=light] .modal-arch .arch-card-content>p{color:var(--text-secondary)}[data-theme=light] .modal-arch .arch-sub-cell{background:var(--gray-50);border-color:var(--border)}[data-theme=light] .modal-arch .arch-sub-cell strong{color:var(--text-primary)}[data-theme=light] .modal-arch .arch-sub-cell span,[data-theme=light] .modal-arch .arch-bullets .arch-bullet,[data-theme=light] .modal-arch .arch-chevron{color:var(--text-secondary)}[data-theme=light] .modal-arch .arch-tech-card{background:var(--gray-50);border-color:var(--border)}[data-theme=light] .modal-arch .arch-tech-card h4,[data-theme=light] .modal-arch .arch-tech-item strong{color:var(--text-primary)}[data-theme=light] .modal-arch .arch-tech-item span{color:var(--text-secondary)}.footer-grid{grid-template-columns:2fr 2fr 2fr 1fr;gap:40px;max-width:1100px;margin:0 auto 36px;display:grid}.footer-logo{color:#fff;margin-bottom:6px;font-family:Sora,sans-serif;font-size:18px;font-weight:700}.footer-logo span{color:#6b9bfa}.footer-tagline{color:#ffffff80;font-size:13px}.footer-col h4{color:#fff;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.footer-col p{font-size:13px;line-height:1.8}.footer-bottom{color:#fff6;border-top:1px solid #ffffff1a;justify-content:center;max-width:1100px;margin:0 auto;padding-top:20px;font-size:12px;display:flex}@media (width<=1000px){.bottom-grid{grid-template-columns:1fr}.cameras-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding:40px 20px 0}.ps-grid,.models-grid,.lim-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.dataset-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}.ds-hero{background:linear-gradient(135deg,#2d1f4a 0%,#1e293b 100%);border:1px solid #9333ea;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:20px;display:flex}.ds-hero-icon{flex-shrink:0;margin-top:2px;font-size:28px}.ds-hero-content h3{color:#e2e8f0;margin:0 0 6px;font-size:16px;font-weight:700}.ds-hero-content p{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.5}.ds-card{background:var(--gray-100);border-left:4px solid;border-radius:10px;margin-bottom:12px;padding:18px}.ds-card-sources{border-left-color:#3b82f6}.ds-card-pipeline{border-left-color:#10b981}.ds-card-training{border-left-color:#f59e0b}.ds-card-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ds-card-icon{font-size:18px}.ds-card-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.ds-dataset-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;display:flex}.ds-dataset-icon{font-size:16px}.ds-checklist{flex-direction:column;gap:7px;display:flex}.ds-check-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;display:flex}.ds-check{color:#4ade80;flex-shrink:0;margin-top:1px;font-weight:700}.ds-check-item strong{color:var(--text-primary);font-weight:600}.ds-labeling-box{background:#3b82f614;border:1px solid #3b82f640;border-radius:10px;margin-bottom:12px;padding:16px}.ds-labeling-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.ds-labeling-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ds-labeling-cell{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.ds-labeling-cell strong{color:var(--text-primary);font-weight:600}.ds-labeling-cell span{color:var(--text-secondary);margin-left:4px}.ds-labeling-unsafe{background:#dc26260f;border-color:#dc26264d}.ds-labeling-unsafe strong,.ds-labeling-unsafe span{color:#fca5a5}.ds-steps{flex-direction:column;gap:10px;margin-top:4px;display:flex}.ds-step{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:13px;display:flex}.ds-step-num{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.ds-step div{flex-direction:column;gap:1px;display:flex}.ds-step strong{color:var(--text-primary);font-size:13px;font-weight:600}.ds-training-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}.ds-training-col-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:700}.ds-training-item{color:var(--text-secondary);margin-bottom:6px;padding-left:12px;font-size:13px;position:relative}.ds-training-item:before{content:"•";color:var(--text-secondary);position:absolute;left:0}.ds-kpis{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;padding-top:16px;display:grid}.ds-kpi{text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:14px 8px;display:flex}.ds-kpi-green{background:#4ade801a;border:1px solid #4ade804d}.ds-kpi-blue{background:#3b82f61a;border:1px solid #3b82f64d}.ds-kpi-purple{background:#8b5cf61a;border:1px solid #8b5cf64d}.ds-kpi-num{font-size:24px;font-weight:800;line-height:1}.ds-kpi-green .ds-kpi-num{color:#4ade80}.ds-kpi-blue .ds-kpi-num{color:#60a5fa}.ds-kpi-purple .ds-kpi-num{color:#c4b5fd}.ds-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.ds-model-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.ds-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.ds-stat span{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);font-size:10.5px;font-weight:600}.ds-stat strong{color:var(--text-primary);font-size:12.5px;font-weight:600}.ds-model-desc{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}#modal-model.modal-light{color:#e2e8f0;background:#1a2029;width:580px;max-height:88vh;overflow-y:auto}#modal-model.modal-light .modal-header h2{color:#e2e8f0;font-size:20px;font-weight:700}#modal-model.modal-light .modal-close{color:#94a3b8;background:0 0}#modal-model.modal-light .modal-close:hover{color:#e2e8f0;background:#334155}#modal-model.modal-light::-webkit-scrollbar{width:6px}#modal-model.modal-light::-webkit-scrollbar-track{background:0 0}#modal-model.modal-light::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}#modal-model.modal-light .ai-hero{background:linear-gradient(135deg,#1e2d4a 0%,#1a2029 100%);border:1px solid #3b82f6;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:20px;padding:22px;display:flex}#modal-model.modal-light .ai-hero-icon{background:#3b82f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}#modal-model.modal-light .ai-hero-icon svg{color:#fff;width:24px;height:24px}#modal-model.modal-light .ai-hero-content h3{color:#e2e8f0;margin:0 0 6px;font-size:15px;font-weight:700}#modal-model.modal-light .ai-hero-content p{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}#modal-model.modal-light .ai-section-header{align-items:center;gap:10px;margin-top:20px;margin-bottom:14px;display:flex}#modal-model.modal-light .ai-section-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}#modal-model.modal-light .ai-section-icon.purple{background:#8b5cf633}#modal-model.modal-light .ai-section-icon.green{background:#4ade8026}#modal-model.modal-light .ai-section-icon.orange{background:#f59e0b26}#modal-model.modal-light .ai-section-header h4{color:#e2e8f0;text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:13.5px;font-weight:700}#modal-model.modal-light .ai-check-list{flex-direction:column;gap:9px;display:flex}#modal-model.modal-light .ai-check-item{color:#94a3b8;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}#modal-model.modal-light .ai-check{color:#4ade80;flex-shrink:0;margin-top:1px;font-size:15px;font-weight:700}#modal-model.modal-light .ai-features-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}#modal-model.modal-light .ai-feature-card{background:#0f1419;border:1px solid #2a323d;border-radius:10px;padding:16px}#modal-model.modal-light .ai-feature-card h5{color:#e2e8f0;margin:0 0 6px;font-size:13px;font-weight:700}#modal-model.modal-light .ai-feature-card p{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}#modal-model.modal-light .ai-tech-card{background:#0f1419;border:1px solid #2a323d;border-radius:10px;padding:20px}#modal-model.modal-light .ai-tech-item{align-items:flex-start;gap:12px;margin-bottom:14px;font-size:13px;display:flex}#modal-model.modal-light .ai-tech-item:last-child{margin-bottom:0}#modal-model.modal-light .ai-tech-bullet{background:#60a5fa;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}#modal-model.modal-light .ai-tech-item strong{color:#e2e8f0;font-weight:600}#modal-model.modal-light .ai-tech-item span{color:#94a3b8}#modal-model.modal-light .ai-perf-card{background:#4ade8012;border:1px solid #4ade8033;border-radius:10px;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;padding:20px;display:grid}#modal-model.modal-light .ai-perf-stat{text-align:center;padding:8px 4px}#modal-model.modal-light .ai-perf-num{margin-bottom:4px;font-size:26px;font-weight:800;line-height:1}#modal-model.modal-light .ai-perf-num.green{color:#4ade80}#modal-model.modal-light .ai-perf-num.blue{color:#60a5fa}#modal-model.modal-light .ai-perf-label{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;font-size:10.5px;font-weight:600}.modal-arch{background:var(--surface);color:var(--text-primary);width:560px;max-width:95vw;max-height:88vh;padding:32px 28px;overflow-y:auto}.modal-arch .modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-arch .modal-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.modal-arch .modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:26px;line-height:1;transition:all .2s;display:flex}.modal-arch .modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-arch::-webkit-scrollbar{width:6px}.modal-arch::-webkit-scrollbar-track{background:0 0}.modal-arch::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.arch-card{border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex}.arch-card-blue{background:#3b82f61a;border:1px solid #3b82f640}.arch-card-purple{background:#9333ea1a;border:1px solid #9333ea40}.arch-card-green{background:#16a34a1a;border:1px solid #16a34a40}.arch-icon-badge{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.arch-badge-blue{background:#3b82f633}.arch-badge-purple{background:#9333ea33}.arch-badge-darkblue{background:#1e40af4d}.arch-badge-green{background:#16a34a33}.arch-card-content h4{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:700}.arch-card-content>p{color:var(--text-secondary);margin:0 0 14px;font-size:13px;line-height:1.6}.arch-two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.arch-sub-cell{background:var(--gray-50);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.arch-sub-cell strong{color:var(--text-primary);font-size:12px;font-weight:700}.arch-sub-cell span{color:var(--text-secondary);font-size:11.5px}.arch-bullets{flex-direction:column;gap:7px;display:flex}.arch-bullet{color:var(--text-secondary);padding-left:4px;font-size:13px}.arch-chevron{text-align:center;color:var(--text-secondary);padding:6px 0;font-size:18px}.arch-tech-card{background:var(--gray-50);border:1px solid var(--border);border-radius:12px;padding:20px}.arch-tech-card h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:13px;font-weight:700}.arch-tech-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.arch-tech-item{text-align:center;flex-direction:column;gap:3px;display:flex}.arch-tech-item strong{color:var(--text-primary);font-size:12.5px;font-weight:700}.arch-tech-item span{color:var(--text-secondary);font-size:11.5px}@media (width<=768px){nav{padding:0 16px}.nav-links{display:none}main{padding:24px 16px 40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;gap:16px}th,td{padding:11px 14px;font-size:13px}.search-input{width:100%}.alert-card{flex-direction:column}.alert-actions{width:100%}.modal{width:90%}}@media (width<=480px){.stats-grid,.cameras-grid{grid-template-columns:1fr}.form-card{padding:24px 20px 22px}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex!important}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:320px;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close:hover{color:var(--text-primary)}.month-input{border:1px solid var(--border);background:var(--gray-100);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-size:16px}.month-input:focus{border-color:var(--accent);outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tab-content{will-change:opacity, transform;transition:opacity .25s,transform .25s}.tab-fade-in{opacity:1;transform:translateY(0)}.tab-fade-out{opacity:0;transform:translateY(-10px)}.text-gradient{background:linear-gradient(135deg, var(--blue) 0%, #00d2ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.final-cta{background:var(--bg);border-top:1px solid var(--border);position:relative;overflow:hidden}.feature-card{-webkit-backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.feature-card:hover{border-color:var(--blue);transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px -10px #5c8af733}.feature-icon{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--surface) 100%);border:1px solid var(--border);box-shadow:inset 0 2px 4px #ffffff0d}.core-features{background:linear-gradient(to bottom, var(--bg) 0%, var(--surface) 100%)}.problem-solution{background:var(--bg)}.system-overview{background:var(--surface)}[data-theme=light] .text-gradient{background:linear-gradient(135deg, var(--blue) 0%, #09f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .feature-card{background:#fffc}[data-theme=light] .feature-card:hover{box-shadow:0 10px 30px -10px #0000001a}.section-header h2{background:linear-gradient(135deg, var(--blue) 0%, #00d2ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}[data-theme=light] .section-header h2{background:linear-gradient(135deg, var(--blue) 0%, #09f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root{--logo-light-display:none;--logo-dark-display:block}[data-theme=light]{--logo-light-display:block;--logo-dark-display:none}.logo-light-img{display:var(--logo-light-display)!important}.logo-dark-img{display:var(--logo-dark-display)!important}input[type=checkbox].custom-checkbox{appearance:none;cursor:pointer;vertical-align:middle;border:2px solid #8c98a9;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;transition:all .2s ease-in-out;display:inline-flex;position:relative;background-color:#0000!important}input[type=checkbox].custom-checkbox:hover{border-color:var(--accent)}input[type=checkbox].custom-checkbox:checked{border-color:var(--accent);background-color:var(--accent)!important}input[type=checkbox].custom-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;margin-top:-2px;display:block;transform:rotate(45deg)}