html,body{margin:0;padding:0;background:#f5f5f7;color:#111827;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}body{display:flex;flex-direction:column;min-height:100vh}#topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e5e7eb}#topbar h1{font-size:18px;font-weight:700;margin:0;letter-spacing:.02em}#topbar .right{display:flex;gap:8px}.tab{padding:7px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease,transform .08s ease}.tab:hover{background:#f3f4f6}.tab:active{transform:scale(.97)}.tab.active{background:#0a84ff;color:#fff;border-color:#0a84ff;box-shadow:0 0 0 1px #0a84ff33}.tab.danger{border-color:#fee2e2;color:#b91c1c;background:#fef2f2}.tab.danger:hover{background:#fee2e2}.tabs{position:sticky;top:52px;z-index:15;display:flex;justify-content:center;gap:4px;padding:8px 12px 4px;background:#f5f5f7}.tabs .tab{padding:6px 12px;font-size:13px}#layout{flex:1;max-width:1024px;width:100%;margin:0 auto 32px;padding:12px 16px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}#livePane{width:100%;max-width:600px;margin:0 auto}#reportPane{width:100%}.camera{position:relative;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 18px 30px #0f172a33}#videoEl{width:100%;height:380px;display:block;margin:0 auto;background:#000;object-fit:cover}#overlay{position:absolute;top:0;right:0;bottom:0;left:0}.dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#ff3b30;border-radius:999px;border:2px solid #fff;opacity:.9}.hidden{display:none!important}.liveStats{margin-top:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.badge{padding:4px 10px;border-radius:999px;background:#e5f2ff;color:#0b5394;font-size:12px;font-weight:600}.kpis{display:flex;gap:12px;font-size:13px;color:#4b5563}.kpis span{font-weight:600;color:#111827}.report{display:none}.report.active{display:block}.daily-toolbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}.tab.small{padding:5px 10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 14px}.card{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 1px 4px #0f172a0f;border:1px solid #e5e7eb;font-size:13px;color:#4b5563}.card b{font-size:18px;font-weight:700;color:#111827}#dailyTimeline,#weeklyBar,#monthlyLine{width:100%;max-height:260px}#reportWeekly canvas,#reportMonthly canvas{max-height:260px!important}.rank{width:100%;border-collapse:collapse;margin-top:12px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.rank th,.rank td{padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:13px}.rank th{background:#f9fafb;text-align:left;font-weight:600;color:#6b7280}.rank tr:last-child td{border-bottom:none}#reportSettings{width:100%;margin-inline:auto;padding:12px 0 0;box-sizing:border-box}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;margin-bottom:20px}.settings-grid .card{height:auto}#lmCanvas{width:100%;aspect-ratio:4 / 3;background:#0b1120;border-radius:12px;display:block}#debugVideo{width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;display:block;object-fit:cover}.hint{margin-top:8px;font-size:12px;color:#6b7280}.metrics-table{margin-top:20px}.metrics-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:13px}.metrics-table td{border-bottom:1px solid #e5e7eb;padding:8px 12px}.metrics-table tr:last-child td{border-bottom:none}.metrics-table h3,.settings-grid h3{margin:0 0 8px;font-size:14px;font-weight:600;color:#111827}@media (max-width: 900px){#layout{padding-inline:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr;gap:12px}#topbar{padding-inline:12px}.tabs{padding-inline:8px}}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:9999}.landing-card{padding:500px 700px;max-width:420px;width:calc(100% - 32px);background:#fff;border-radius:24px;box-shadow:0 22px 45px #0f172a73;text-align:center}.landing-title{margin:0 0 12px;font-size:70px;font-weight:700;letter-spacing:.04em;color:#111827}.landing-sub{margin:0 0 24px;font-size:18px;color:#4b5563;line-height:1.7}.landing-btn{padding:9px 24px;border-radius:999px;border:none;font-size:14px;font-weight:600;background:#0a84ff;color:#fff;cursor:pointer;box-shadow:0 10px 20px #0a84ff59;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.landing-btn:hover{background:#0c7ae6}.landing-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 6px 12px #0a84ff40}.landing-overlay.hidden{display:none!important}.setup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172abf;z-index:9000}.setup-card{width:min(720px,100% - 32px);background:#fff;border-radius:24px;padding:20px 22px 18px;box-shadow:0 20px 40px #0f172a8c}.setup-title{margin:0 0 6px;font-size:18px;font-weight:700;color:#111827}.setup-sub{margin:0 0 14px;font-size:13px;color:#4b5563;line-height:1.6}.setup-video-wrap{position:relative;border-radius:18px;overflow:hidden;background:#000;margin-bottom:10px}#setupVideo{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.focuszone-overlay-video{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.focuszone-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;pointer-events:auto;background:transparent}.fz-cell{border:none;margin:0;padding:0;background:transparent;cursor:pointer;outline:none;position:relative;pointer-events:auto}.fz-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(255,255,255,.4)}.fz-cell.selected{background:#0a84ff52}.focuszone-footer{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.setup.hidden{display:none!important}body.theme-dark{background:radial-gradient(circle at 0% 0%,rgba(72,119,255,.18),rgba(72,119,255,.02) 40%,transparent 70%),radial-gradient(circle at 50% 85%,rgba(72,119,255,.22),rgba(72,119,255,.03) 45%,transparent 75%),radial-gradient(circle at 100% 0%,rgba(72,119,255,.16),rgba(72,119,255,.02) 40%,transparent 70%),radial-gradient(circle at 50% 50%,#081326,#050816 60%,#030510);background-blend-mode:screen,screen,screen,normal;color:#e5e7eb}body.theme-dark #topbar{background:#0f172af2;border-bottom-color:#1f2937}body.theme-dark .tabs{background:radial-gradient(circle at 0% 0%,rgba(72,119,255,.18),rgba(72,119,255,.02) 40%,transparent 70%),radial-gradient(circle at 100% 0%,rgba(72,119,255,.16),rgba(72,119,255,.02) 40%,transparent 70%),radial-gradient(circle at 50% 50%,#081326,#050816 60%,#030510);background-blend-mode:screen,screen,screen,normal;color:#e5e7eb}body.theme-dark .tab{background:#020617;color:#e5e7eb;border-color:#374151}body.theme-dark .tab:hover{background:#111827}body.theme-dark .tab.active{background:#0a84ff;color:#fff;border-color:#0a84ff;box-shadow:0 0 0 1px #2563eb66}body.theme-dark .tab.danger{background:#111827;border-color:#7f1d1d;color:#fecaca}body.theme-dark .tab.danger:hover{background:#7f1d1d}body.theme-dark .camera{background:#020617;box-shadow:0 18px 30px #000000b3}body.theme-dark .card,body.theme-dark .rank,body.theme-dark .metrics-table table{background:#020617;border-color:#1f2937;box-shadow:0 1px 4px #0009;color:#e5e7eb}body.theme-dark .rank th,body.theme-dark .rank td{border-bottom:1px solid rgba(255,255,255,.15)}body.theme-dark .card b{color:#f9fafb}body.theme-dark .rank th{background:#111827;color:#9ca3af}body.theme-dark .badge{background:#1d4ed8;color:#eff6ff}body.theme-dark .kpis{color:#9ca3af}body.theme-dark .kpis span{color:#f9fafb}body.theme-dark .hint,body.theme-dark .setup-sub,body.theme-dark .landing-sub{color:#9ca3af}body.theme-dark .landing-card,body.theme-dark .setup-card{background:#020617;color:#e5e7eb;border-color:#111827}body.theme-dark .landing-title{color:#f9fafb}.metrics-table td b{font-size:15px;font-weight:600;color:#111827}body.theme-dark .metrics-table td b{color:#f9fafb}body.theme-dark #reportSettings h3{color:#f9fafb!important}body.theme-dark .hint{color:#cbd5e1!important}body.theme-dark .metrics-table table td,body.theme-dark .metrics-table table th{color:#f9fafb!important;border-color:#ffffff2e!important}body.theme-dark #lmCanvas,body.theme-dark #debugVideo{color:#f9fafb!important;background-color:#020617!important;border-color:#1f2937!important}#alarmPopup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999}#alarmPopup.hidden{display:none!important}#alarmPopup .alarm-popup-inner{background:#fff;padding:28px 32px;border-radius:18px;box-shadow:0 18px 40px #00000059;max-width:360px;width:calc(100% - 40px);text-align:center;transition:transform .18s ease,opacity .18s ease;transform:scale(1);opacity:1}body.theme-dark #alarmPopup .alarm-popup-inner{background:#0c1220;color:#e5e7eb;box-shadow:0 18px 50px #0009}#alarmPopup h3{margin:0 0 12px;font-size:18px;font-weight:700}#alarmPopup p{margin:0 0 20px;font-size:14px;line-height:1.55}#btnAlarmClose{padding:8px 18px;border-radius:999px;border:none;font-size:13px;font-weight:600;background:#0a84ff;color:#fff;cursor:pointer}#btnAlarmClose:hover{background:#0a78e6}body.theme-dark .setup-title{color:#f3f4f6}.topbar-logo-wrap{display:flex;align-items:center;gap:8px}.topbar-logo{height:22px;display:block}.logo-dark,body.theme-dark .logo-light{display:none}body.theme-dark .logo-dark{display:block}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}