@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--fjord-navy: #0d1722;--fjord-midnight: #111f2e;--fjord-blue: #267da1;--fjord-teal: #33a6a6;--fjord-cyan: #70d6d1;--fjord-mist: #dcecef;--fjord-white: #f6fafb;--fjord-amber: #e5a00d;--fjord-orange: #e67e22;--fjord-red: #d95050;--fjord-green: #4d9b72;--fjord-gray: #7c8b96;--color-surface: var(--fjord-navy);--color-surface-raised: #142536;--color-surface-sunken: #0a131c;--color-surface-glass: rgba(20, 37, 54, .72);--color-border: rgba(112, 214, 209, .14);--color-border-strong: rgba(112, 214, 209, .28);--surface-container-lowest: #021018;--surface-container-low: #0f1d26;--surface-container: #13212a;--surface-container-high: #1d2c35;--surface-container-highest: #283740;--color-glass-floating: rgba(17, 31, 46, .85);--color-primary-container: var(--fjord-teal);--color-on-primary-container: #003535;--color-text: var(--fjord-white);--color-text-muted: #93a9b8;--color-text-faint: #5f7385;--color-accent: var(--fjord-teal);--color-accent-strong: #3fc1c0;--color-water: var(--fjord-blue);--color-highlight: var(--fjord-cyan);--color-amber: var(--fjord-amber);--color-good: var(--fjord-green);--color-caution: var(--fjord-amber);--color-warning: var(--fjord-orange);--color-poor: var(--fjord-red);--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-sans);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-xl: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);--text-2xl: clamp(2.2rem, 1.6rem + 2.6vw, 3.4rem);--tracking-tight: -.02em;--tracking-wide: .08em;--leading-tight: 1.15;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-page: clamp(1rem, .6rem + 2vw, 2rem);--space-section: clamp(2.5rem, 1.5rem + 4vw, 5rem);--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-pill: 999px;--elev-1: 0 1px 0 rgba(112, 214, 209, .06), 0 2px 8px rgba(5, 11, 18, .4);--elev-2: 0 1px 0 rgba(112, 214, 209, .08), 0 12px 32px -12px rgba(5, 11, 18, .7);--ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent);--duration-fast: .14s;--duration-normal: .26s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-surface);background-image:radial-gradient(120% 80% at 50% -10%,rgba(38,125,161,.22),transparent 60%),radial-gradient(90% 60% at 85% 8%,rgba(112,214,209,.08),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200' viewBox='0 0 1200 1200'%3E%3Cg fill='none' stroke='%2370d6d1' stroke-opacity='0.05' stroke-width='1.2'%3E%3Cpath d='M-50 300 C 250 220 450 360 700 300 S 1150 220 1300 320'/%3E%3Cpath d='M-50 460 C 250 380 480 520 720 450 S 1150 380 1300 480'/%3E%3Cpath d='M-50 640 C 280 560 500 700 760 620 S 1150 560 1300 660'/%3E%3Cpath d='M-50 820 C 260 740 520 880 780 800 S 1150 740 1300 840'/%3E%3Cpath d='M-50 1000 C 300 920 540 1060 820 980 S 1150 920 1300 1020'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-repeat:no-repeat,no-repeat,repeat;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:650;margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-highlight);text-decoration-color:var(--color-border-strong);text-underline-offset:.18em;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-strong)}.brand-wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;background:linear-gradient(100deg,var(--fjord-cyan),var(--fjord-mist));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-wordmark>.brand-accent{color:var(--color-amber);-webkit-text-fill-color:var(--color-amber)}button{font:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:max(1rem,16px);color:var(--color-text);background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55em .75em;min-height:44px;max-width:100%;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input[type=checkbox],input[type=radio]{min-height:0;width:1.15rem;height:1.15rem;accent-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #33a6a640}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.surface-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elev-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-panel{background:var(--color-glass-floating);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md)}.hero-gradient{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-container) 0%,var(--fjord-midnight) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.hero-gradient:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 50% 0%,rgba(112,214,209,.08) 0%,transparent 65%);pointer-events:none}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-subset.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.material-symbols-outlined.is-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.data-xl{font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.label-tech{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.hero-twin{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-4)}.tile-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);aspect-ratio:1 / 1;text-align:center;color:var(--color-text);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out)}.tile:active{transform:scale(.96)}.tile-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-pill);background:var(--surface-container-highest);color:var(--color-highlight)}.tile-icon .material-symbols-outlined{font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.6em 1.1em;min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--color-accent-strong),var(--color-accent));color:#04181a}.btn-primary:hover{background:var(--color-accent-strong)}.btn-ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-accent);background:#33a6a614}.btn:disabled{opacity:.55;cursor:not-allowed}.auth-screen{min-height:100%;display:grid;place-items:center;padding:var(--space-page)}.auth-card{width:100%;max-width:420px;padding:var(--space-6)}.auth-tagline{margin-top:var(--space-5);text-align:center;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-faint)}.input-affix{position:relative;display:flex;align-items:center}.input-affix>.material-symbols-outlined{position:absolute;left:.85rem;font-size:20px;color:var(--color-text-faint);pointer-events:none}.input-affix>input{width:100%;padding-left:2.75rem}.btn .btn-arrow{font-size:20px;transition:transform var(--duration-fast) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.page{width:100%;margin:0 auto;padding:var(--space-page);padding-bottom:var(--space-8)}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-2);min-height:56px;margin:0 0 var(--space-4);padding:var(--space-2) 0;background:var(--color-glass-floating);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.app-header h1{flex:1;min-width:0;margin:0;font-size:var(--text-lg);color:var(--color-highlight);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.app-header-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--color-text-muted);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:#70d6d11a;color:var(--color-highlight)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0 var(--space-5)}.page-head h1{margin:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.back-link:hover{color:var(--color-highlight)}.toolbar{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4)}.toolbar>input,.toolbar>select{flex:1;min-width:0}.field{display:grid;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.field>input,.field>select{color:var(--color-text)}.stack{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.row-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}a.row-card,button.row-card{display:block;width:100%;text-align:left;color:inherit;text-decoration:none}a.row-card:hover,button.row-card:hover{border-color:var(--color-border-strong)}.muted{color:var(--color-text-muted)}.note{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-5)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-around;align-items:stretch;gap:var(--space-1);padding:var(--space-1) var(--space-2);padding-bottom:max(var(--space-1),env(safe-area-inset-bottom));background:var(--color-glass-floating);border-top:1px solid var(--color-border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav-item{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.bottom-nav-item .material-symbols-outlined{font-size:24px}.bottom-nav-label{font-size:11px;font-weight:600;letter-spacing:.01em}.bottom-nav-item:hover{color:var(--color-text)}.bottom-nav-item.active{color:var(--color-highlight)}.mobile-hero{display:grid;gap:var(--space-3);grid-template-columns:1fr;padding:var(--space-4);margin-bottom:var(--space-3)}.quick-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-color:var(--color-border-strong)}.quick-panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.quick-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid .btn{min-height:56px;padding-left:var(--space-2);padding-right:var(--space-2)}.quick-status{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.quick-status-actions{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.live-recorder{position:fixed;left:max(var(--space-2),env(safe-area-inset-left));right:max(var(--space-2),env(safe-area-inset-right));bottom:calc(max(var(--space-2),env(safe-area-inset-bottom)) + 78px);z-index:20;display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;padding:var(--space-2);background:#0a131cf0;border:1px solid var(--color-highlight);border-radius:var(--radius-md);box-shadow:var(--elev-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.live-recorder-main{display:grid;gap:0;min-width:0;color:var(--color-text);background:transparent;border:0;text-align:left}.live-recorder-main span{color:var(--color-text-muted);font-size:var(--text-xs)}.emergency-hero{display:grid;gap:var(--space-4);padding:var(--space-5);border-color:var(--color-poor);margin-bottom:var(--space-5)}.emergency-actions{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.emergency-call{min-height:64px;font-size:var(--text-lg)}.emergency-coord{font-size:var(--text-2xl);font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--color-highlight);margin:var(--space-1) 0}.dashboard-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-5)}.metric-card{min-height:112px;padding:var(--space-4)}.metric-value{font-size:var(--text-xl);font-weight:750;line-height:1.05;font-variant-numeric:tabular-nums}.metric-label{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.section-intro{margin:var(--space-2) 0 var(--space-5)}.section-intro h2{font-size:var(--text-xl);margin:0 0 var(--space-2)}.section-intro p{margin:0;color:var(--color-text-muted)}.list-card{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);color:inherit;text-decoration:none;background:var(--color-glass-floating);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.list-card:hover{border-color:var(--color-border-strong)}.list-card:active{transform:scale(.99)}.list-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--surface-container-highest);color:var(--color-highlight)}.list-card-body{flex:1;min-width:0}.list-card .chevron{color:var(--color-text-faint);flex-shrink:0}.progress{height:6px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--progress-color, var(--color-accent)) 70%,transparent),var(--progress-color, var(--color-highlight)));transition:width var(--duration-normal) var(--ease-out)}.row-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center}.row-actions .icon-btn{width:40px;height:40px}.fab{position:fixed;right:max(var(--space-4),env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:45;width:56px;height:56px;border-radius:var(--radius-lg);border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:var(--elev-2);transition:transform var(--duration-fast) var(--ease-out)}.fab .material-symbols-outlined{font-size:28px}.fab:active{transform:scale(.92)}.empty{color:var(--color-text-muted);padding:var(--space-4);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15em .6em;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);background:#70d6d11f;color:var(--color-highlight)}.chart-wrap{position:relative}.chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 12px));max-width:80%;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.35;color:var(--color-text);white-space:nowrap;pointer-events:none;z-index:3;box-shadow:var(--elev-2);font-variant-numeric:tabular-nums}.chart-tooltip strong{display:block;font-weight:600}.chart-tooltip .muted{font-size:var(--text-xs)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:.45rem .6rem;text-align:center;border-bottom:1px solid var(--color-border)}.data-table thead th{position:sticky;top:0;background:var(--color-surface-raised);color:var(--color-text-muted);font-weight:600;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{text-align:left;white-space:nowrap}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{overflow-x:hidden;-webkit-text-size-adjust:100%}img,svg,canvas,video{max-width:100%}.page{padding-left:max(var(--space-page),env(safe-area-inset-left));padding-right:max(var(--space-page),env(safe-area-inset-right));padding-bottom:calc(env(safe-area-inset-bottom) + 6rem)}.table-wrap,.stack,[style*=overflow-x]{-webkit-overflow-scrolling:touch}@media (max-width: 540px){.page-head{flex-wrap:wrap}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-recorder{grid-template-columns:1fr auto}.live-recorder .btn{min-height:40px;padding:.45em .75em}.live-recorder .btn-ghost{display:none}.toolbar{flex-wrap:wrap}.toolbar>input,.toolbar>select{flex:1 1 100%}.toolbar>.btn{flex:1 1 auto}h1{overflow-wrap:anywhere}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body{background-attachment:scroll}}