:root{--bg: #070b10;--bg-elevated: #0c1219;--surface: rgba(16, 24, 36, .94);--surface2: #141c28;--surface-hover: #1a2433;--border: rgba(100, 130, 170, .18);--border-strong: rgba(100, 130, 170, .32);--text: #eef3fa;--text-secondary: #b8c5d9;--muted: #8b9cb3;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .12);--accent2: #0891b2;--accent-glow: rgba(34, 211, 238, .3);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--radius: 14px;--radius-sm: 10px;--font: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font);--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: clamp(.75rem, 2.4vw, .8125rem);--text-sm: clamp(.8125rem, 2.6vw, .9375rem);--text-base: clamp(.9375rem, 2.8vw, 1rem);--text-md: clamp(1rem, 3vw, 1.0625rem);--text-lg: clamp(1.125rem, 3.5vw, 1.3125rem);--text-xl: clamp(1.25rem, 4.5vw, 1.5rem);--text-2xl: clamp(1.375rem, 5.5vw, 1.75rem);--text-hero: clamp(2.25rem, 10vw, 3rem);--header-h: 3.5rem;--nav-h: 4.25rem;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(34,211,238,.1),transparent 55%),radial-gradient(ellipse 50% 35% at 100% 20%,rgba(99,102,241,.07),transparent 50%)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:var(--text-base)}.portal{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:56rem;margin:0 auto;position:relative;z-index:1}.portal-header{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;padding-top:calc(.5rem + var(--safe-top));border-bottom:1px solid var(--border);position:sticky;top:0;background:#070b10e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.brand{display:flex;flex-direction:column;min-width:0}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--accent);line-height:1.2}.brand-sub{font-size:var(--text-xs);color:var(--muted);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.portal-main{flex:1;padding:1rem;padding-bottom:calc(var(--nav-h) + 1.25rem + var(--safe-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0c1219f5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50}.bottom-nav-scroll{display:flex;height:var(--nav-h);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:56rem;margin:0 auto}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-link{flex:1 0 auto;min-width:4.25rem;max-width:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem .25rem;color:var(--muted);font-weight:600;transition:color .15s}.bottom-nav-link.active{color:var(--accent)}.nav-icon{font-size:var(--text-xl);line-height:1}.nav-label{font-size:var(--text-xs);line-height:1.2;text-align:center;white-space:nowrap}@media (min-width: 768px){.bottom-nav{left:50%;transform:translate(-50%);max-width:56rem;border-radius:var(--radius) var(--radius) 0 0;border-left:1px solid var(--border);border-right:1px solid var(--border)}.bottom-nav-link{min-width:5rem}.nav-label{font-size:var(--text-sm)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.875rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e4f5c,#0c1929 55%,#0a1628);border:1px solid rgba(34,211,238,.25);border-radius:var(--radius);padding:1.25rem;margin-bottom:.875rem;box-shadow:0 8px 32px #00000040}.hero-card:after{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.hero-label{font-size:var(--text-sm);color:var(--text-secondary);position:relative}.hero-value{font-family:var(--font-mono);font-size:var(--text-hero);font-weight:600;line-height:1.05;margin:.35rem 0;letter-spacing:-.03em;position:relative}.hero-sub{color:var(--text-secondary);font-size:var(--text-sm);position:relative}.hero-stats{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:1rem;position:relative}.stat-label{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:.15rem}.section{margin-bottom:1.25rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.625rem}.section-head h2{font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.section-head a{color:var(--accent);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.page-title{margin-bottom:1rem}.page-title h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.25}.page-title p{color:var(--muted);font-size:var(--text-sm);margin-top:.35rem;line-height:1.45}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:.875rem}.kpi{display:flex;flex-direction:column;gap:.2rem}.kpi span{font-size:var(--text-xs);color:var(--muted);font-weight:500}.kpi strong{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.kpi small{font-size:var(--text-xs);color:var(--muted)}.muted-text{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.caption{font-size:var(--text-xs);color:var(--muted)}.link-accent{color:var(--accent);font-size:var(--text-sm);font-weight:500}.center{text-align:center;padding:1.5rem 1rem;font-size:var(--text-sm);color:var(--muted)}.error-text{color:var(--danger);font-size:var(--text-sm);margin-top:.5rem}.event-row,.search-row{display:flex;gap:.75rem;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.event-row:last-child,.search-row:last-child{border-bottom:none}.event-body{flex:1;min-width:0}.event-body strong,.search-row strong{font-size:var(--text-sm);font-weight:600;display:block;line-height:1.35}.event-body span,.search-row span{font-size:var(--text-xs);color:var(--muted)}.event-thumb{width:3rem;height:3rem;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface2);flex-shrink:0}.event-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:1.3}.pill.warn{background:#fbbf242e;color:var(--warning)}.pill.danger{background:#f871712e;color:var(--danger)}.pill.ok{background:#34d3992e;color:var(--success)}.pill.info{background:var(--accent-dim);color:var(--accent)}.tag-row{display:flex;gap:.35rem;margin-top:.35rem;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem}.filters select,.date-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:var(--text-sm);min-height:2.75rem}.primary-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#042f2e;border:none;border-radius:var(--radius-sm);padding:.7rem 1.125rem;font-size:var(--text-sm);font-weight:700;cursor:pointer;min-height:2.75rem}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.primary-btn.full{width:100%;margin-top:.75rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;cursor:pointer;color:var(--text);font-size:var(--text-md)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-sm);font-weight:600;margin-top:.5rem;min-height:auto;padding:.25rem 0}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.quick-link{text-align:center;font-weight:600;font-size:var(--text-sm);padding:1rem .75rem}.camera-grid{display:grid;gap:.875rem}@media (min-width: 640px){.camera-grid{grid-template-columns:1fr 1fr}}.camera-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;font-size:var(--text-sm)}.live-placeholder{aspect-ratio:16/9;background:#000;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--muted)}.video-player{width:100%;border-radius:var(--radius-sm);background:#000;margin-top:.5rem}.upload-zone{display:flex;align-items:center;justify-content:center;min-height:10rem;border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;color:var(--muted);font-size:var(--text-sm);padding:1rem;text-align:center}.upload-preview{max-height:10rem;border-radius:var(--radius-sm)}.chart-card,.chart-card-lg{padding-bottom:.5rem}.chart-card-lg h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;margin-bottom:.5rem}.compare-card h3{font-size:var(--text-sm);font-weight:600;margin-bottom:.625rem}.compare-row{display:flex;flex-wrap:wrap;gap:1.5rem 2rem}.compare-row strong{display:block;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600}.notif-wrap{position:relative}.notif-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--danger);border-radius:50%}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(20rem,92vw);max-height:22rem;overflow-y:auto;z-index:100;box-shadow:0 12px 40px #00000073;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.notif-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:var(--text-sm)}.notif-item{padding:.625rem 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.notif-title{font-size:var(--text-sm);font-weight:600}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;z-index:1}.login-card{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:.75rem}.login-card h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.login-card label{font-size:var(--text-sm);color:var(--text-secondary)}.tab-row{display:flex;gap:.35rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{flex:1;min-width:5rem;padding:.625rem .75rem;border:1px solid var(--border);background:var(--surface2);color:var(--muted);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:2.75rem}.tab-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#22d3ee59}.success-text{color:var(--success);font-size:var(--text-sm);margin-bottom:.5rem}.date-input.full{width:100%;margin-bottom:.5rem;box-sizing:border-box}@media (min-width: 768px){.portal-main{padding:1.25rem 1.5rem;padding-bottom:calc(var(--nav-h) + 1.5rem + var(--safe-bottom))}}.place-select{font-size:var(--text-sm);max-width:8.5rem;min-height:2.5rem;padding:.4rem .5rem;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm)}@media (min-width: 768px){.place-select{max-width:10rem}}.secondary-btn{background:var(--surface2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:2.75rem}.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.ghost-btn{background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:2.75rem}.danger-text{color:var(--danger)}.field-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.35rem}.zone-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.zone-editor-card{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.zone-canvas{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-strong);background:#0a0f16;touch-action:none}.zone-canvas-drawing{cursor:crosshair}.zone-canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.zone-canvas-backdrop .video-player{width:100%;height:100%;object-fit:cover;pointer-events:none}.zone-canvas-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.zone-canvas-drawing .zone-canvas-svg,.zone-hit{pointer-events:auto}.zone-canvas-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);background:linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px);background-size:24px 24px}.zone-canvas-hint{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;z-index:2;padding:.4rem .6rem;border-radius:8px;background:#070b10d1;font-size:var(--text-xs);color:var(--accent);text-align:center;pointer-events:none}.zone-actions{display:flex;flex-wrap:wrap;gap:.5rem}.zone-save-form{display:flex;flex-direction:column;gap:.65rem;padding-top:.25rem;border-top:1px solid var(--border)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.45rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);font-size:var(--text-xs);font-weight:600;cursor:pointer}.chip.active{background:var(--accent-dim);border-color:#22d3ee66;color:var(--accent)}.zone-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.zone-list-item{cursor:pointer;transition:border-color .15s}.zone-list-item.selected{border-color:#22d3ee73}.zone-list-head{display:flex;align-items:center;gap:.5rem}.zone-color-dot{width:.65rem;height:.65rem;border-radius:50%;flex-shrink:0}.zone-list-meta{margin-top:.35rem;font-size:var(--text-xs)}.zone-list-actions{display:flex;gap:.5rem;margin-top:.65rem}.input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:var(--text-sm);min-height:2.75rem;box-sizing:border-box}.profile-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.profile-list-item.pending{border-color:#fbbf2459}.profile-list-head{display:flex;align-items:flex-start;gap:.65rem}.profile-avatar{width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--surface2)}.profile-avatar.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--text-lg)}.profile-list-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.profile-upload-btn{margin-top:.65rem;width:100%;text-align:center;cursor:pointer}.cloud-import-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.cloud-import-body{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.cloud-import-actions{display:flex;flex-wrap:wrap;gap:.5rem}.cloud-import-preview ul{list-style:none;margin:.5rem 0;font-size:var(--text-sm);color:var(--text-secondary)}.cloud-import-preview li{padding:.25rem 0}.cloud-import-step2{padding-top:.75rem;border-top:1px solid var(--border)}.upload-zone.disabled{opacity:.5;pointer-events:none}.link-inline{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.filters input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:var(--text-sm);min-height:2.75rem}.notif-item-btn{display:block;width:100%;text-align:left;background:none;border:none;color:inherit;cursor:pointer;font:inherit}.notif-item-btn:hover{background:var(--surface-hover)}.event-row-highlight{background:var(--accent-dim);border-radius:var(--radius-sm);outline:1px solid var(--accent)}.settings-block{margin-bottom:1rem}.settings-heading{font-size:var(--text-md);margin-bottom:.5rem}.settings-desc{margin-bottom:1rem;line-height:1.5}.settings-action{width:100%;min-height:2.75rem}.settings-push-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.settings-ios-hint{font-size:var(--text-sm);line-height:1.55}.settings-ios-hint ol{margin:.5rem 0 0 1.25rem}.settings-list{margin:0;padding-left:1.25rem;font-size:var(--text-sm);line-height:1.7}.settings-list a{color:var(--accent)}.settings-test-push{width:100%;min-height:2.75rem;margin-top:.75rem}.settings-refresh{margin-top:.5rem}.status-ok{color:var(--success);font-size:var(--text-sm);margin-top:.5rem}.status-err{color:var(--danger);font-size:var(--text-sm);margin-top:.5rem}