:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:row;width:100%;height:100%;display:flex}.main-column{flex-direction:column;flex:1;min-width:0;display:flex}.camera-view{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.camera-video,.camera-overlay{width:auto;max-width:100%;height:auto;max-height:100%}.camera-overlay{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-status{color:#fff;background:#0009;border-radius:8px;padding:12px 20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.counter-hud{color:#fff;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:12px;left:12px}.controls{color:#eee;background:#111;flex-shrink:0;align-items:center;gap:16px;padding:8px 16px;font-size:14px;display:flex}.settings-panel{color:#e5e5e5;background:#18181b;border-left:1px solid #2e2e33;flex-shrink:0;width:320px;padding:12px 16px;font-size:13px;overflow-y:auto}.settings-panel section{margin-bottom:20px}.settings-panel h3{text-transform:uppercase;letter-spacing:.06em;color:#a1a1aa;margin:0 0 8px;font-size:13px}.settings-panel label{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.settings-panel input[type=text],.settings-panel input[type=password],.settings-panel input[type=number],.settings-panel select{color:#e5e5e5;background:#27272a;border:1px solid #3f3f46;border-radius:4px;padding:4px 6px}.settings-panel button{margin-bottom:8px;margin-right:8px}.settings-panel .warning{color:#facc15;background:#facc151f;border:1px solid #facc1566;border-radius:4px;padding:8px;font-size:12px}.settings-panel .hint{color:#a1a1aa;font-size:12px}.settings-panel .ok{color:#4ade80}.settings-panel .error{color:#f87171}.licence-check{color:#a1a1aa;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.home-page{color:#e5e5e5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:24px;display:flex}.home-page h1{margin:0;font-size:28px}.home-subtitle{color:#a1a1aa;margin:0 0 16px}.home-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.home-link{color:#e5e5e5;background:#18181b;border:1px solid #2e2e33;border-radius:8px;flex-direction:column;gap:4px;width:220px;padding:20px;text-decoration:none;transition:border-color .15s;display:flex}.home-link:hover{border-color:#38bdf8}.home-link-title{font-size:16px;font-weight:600}.home-link-desc{color:#a1a1aa;font-size:13px}.dashboard-page{color:#e5e5e5;width:100%;height:100%;padding:24px;overflow-y:auto}.dashboard-page h1{margin:0 0 4px}.dashboard-notice{color:#facc15;background:#facc151f;border:1px solid #facc1566;border-radius:4px;margin-bottom:20px;padding:6px 10px;font-size:12px;display:inline-block}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-tile{background:#18181b;border:1px solid #2e2e33;border-radius:8px;padding:16px}.metric-tile-label{text-transform:uppercase;letter-spacing:.06em;color:#a1a1aa;margin-bottom:6px;font-size:12px}.metric-tile-value{font-variant-numeric:tabular-nums;font-size:28px}.metric-tile-sub{color:#a1a1aa;margin-top:4px;font-size:12px}.metric-tile-sub.stale{color:#f87171}.dashboard-chart{background:#18181b;border:1px solid #2e2e33;border-radius:8px;padding:16px}.dashboard-chart h2{color:#e5e5e5;margin:0 0 12px;font-size:15px}.dashboard-filters{gap:8px;margin-bottom:20px;display:flex}.range-button{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #2e2e33;border-radius:6px;padding:6px 12px;font-size:13px}.range-button.active{color:#e5e5e5;border-color:#3987e5}.dashboard-error{color:#f87171}.status-dot.good{color:#0ca30c}.status-dot.stale{color:#fab219}.entries-chart{position:relative}.entries-chart-svg{touch-action:none;width:100%;height:auto}.chart-empty{color:#a1a1aa;font-size:13px}.chart-tooltip{color:#e5e5e5;margin-top:8px;font-size:13px}.chart-table-toggle{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #2e2e33;border-radius:4px;margin-top:12px;padding:4px 10px;font-size:12px}.chart-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:12px;font-size:13px}.chart-table th,.chart-table td{text-align:left;color:#e5e5e5;border-bottom:1px solid #2e2e33;padding:4px 8px}.chart-table th{color:#a1a1aa;font-weight:400}