@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;--font: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #0b0f17;--bg-elev: #0f141e;--panel: #141a24;--panel-2: #1a2130;--panel-3: #222b3c;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #eef2f7;--text-2: #b6c0cf;--muted: #7f8a9c;--accent: #b6f22e;--accent-ink: #0b0f17;--accent-soft: rgba(182, 242, 46, .12);--info: #38bdf8;--good: #22c55e;--good-text: #4ade80;--warn: #fab219;--bad: #f43f5e;--bad-text: #fb7185;--ball: #e11d48;--pitch: #c9b37e;--grass: #1f5130;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--grid: #263042;--axis: #3a4558;--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px -12px rgba(0, 0, 0, .6);--pad: 18px;--gap: 16px;--topbar-h: 60px;--sidebar-w: 248px;--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px)}:root[data-accent=cyan]{--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .12)}:root[data-accent=orange]{--accent: #fb923c;--accent-soft: rgba(251, 146, 60, .13)}:root[data-accent=violet]{--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14)}:root[data-accent=red]{--accent: #fb7185;--accent-soft: rgba(251, 113, 133, .14)}:root[data-density=compact]{--pad: 13px;--gap: 11px}:root[data-theme=light]{color-scheme:light;--bg: #f3f5f8;--bg-elev: #ffffff;--panel: #ffffff;--panel-2: #f5f7fa;--panel-3: #e9edf3;--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .18);--text: #0f172a;--text-2: #3b4658;--muted: #6b7686;--accent: #5d8a00;--accent-ink: #ffffff;--accent-soft: rgba(93, 138, 0, .1);--good-text: #15803d;--bad-text: #be123c;--info: #0284c7;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--grid: #e5e9ef;--axis: #c3cad5;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px -14px rgba(15, 23, 42, .18)}:root[data-theme=light][data-accent=cyan]{--accent: #0e7490}:root[data-theme=light][data-accent=orange]{--accent: #c2410c}:root[data-theme=light][data-accent=violet]{--accent: #6d28d9}:root[data-theme=light][data-accent=red]{--accent: #be123c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img,video,canvas,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em}h1{font-size:1.65rem;font-weight:750}h2{font-size:1.15rem;font-weight:700}h3{font-size:1rem;font-weight:650}p{margin:0 0 .6em}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;min-height:100%}.topbar{grid-column:1 / -1;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;min-width:0}.brand-mark{width:30px;height:30px;flex:none}.brand-name{font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name small{display:block;font-size:.66rem;color:var(--muted);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:6px}.sidebar{position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:14px 12px 24px;border-right:1px solid var(--border);background:var(--bg-elev)}.nav-section{margin:14px 10px 6px;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--text-2);font-weight:550;position:relative}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text)}.nav-link.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}.nav-link svg{width:18px;height:18px;flex:none}.nav-link.active svg{color:var(--accent)}.nav-badge{margin-left:auto;background:var(--bad);color:#fff;font-size:.68rem;font-weight:700;border-radius:99px;padding:1px 7px}.main{min-width:0;padding:22px clamp(16px,3vw,34px) 48px}.main-inner{max-width:1320px;margin:0 auto}.tabbar{display:none}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;z-index:45;height:auto;padding-bottom:calc(90px + var(--safe-b))}.main{padding-bottom:calc(var(--tabbar-h) + 28px + var(--safe-b))}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.68rem;color:var(--muted);font-weight:600;background:none;border:0}.tab svg{width:22px;height:22px}.tab.active{color:var(--accent)}.tab-record{position:relative}.tab-record .fab{width:50px;height:50px;margin-top:-22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;box-shadow:0 8px 24px -6px color-mix(in srgb,var(--accent) 60%,transparent)}.hide-mobile{display:none!important}}@media(min-width:961px){.show-mobile{display:none!important}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-head .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.page-head p{color:var(--text-2);margin:4px 0 0}.head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow);min-width:0}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.card-head h2,.card-head h3{display:flex;align-items:center;gap:8px}.card-head .sub{color:var(--muted);font-size:.82rem;font-weight:500}.card-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.grid{display:grid;gap:var(--gap)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.g-kpi{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}@media(max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.g2,.g3,.g4{grid-template-columns:1fr}.span-2{grid-column:auto}}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.small{font-size:.82rem}.tiny{font-size:.72rem}.strong{font-weight:700}.mono{font-variant-numeric:tabular-nums}.center{text-align:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border);margin:14px 0}.good{color:var(--good-text)}.bad{color:var(--bad-text)}.warn{color:var(--warn)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--panel-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:17px;height:17px}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{background:transparent;border-color:color-mix(in srgb,var(--bad) 55%,transparent);color:var(--bad-text)}.btn.danger:hover{background:color-mix(in srgb,var(--bad) 12%,transparent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--panel-2);color:var(--text)}.btn.sm{height:31px;padding:0 11px;font-size:.84rem;border-radius:8px}.btn.lg{height:46px;padding:0 20px;font-size:1rem}.btn.block{width:100%}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:transparent;border:0;color:var(--text-2);cursor:pointer;position:relative}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn svg{width:20px;height:20px}.dot-count{position:absolute;top:4px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--bad);color:#fff;font-size:.66rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.label{font-size:.78rem;font-weight:650;color:var(--text-2)}.field .hint{font-size:.75rem;color:var(--muted)}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);outline:none}.textarea{height:auto;min-height:92px;padding:10px 12px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.check{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:550}.check input{width:18px;height:18px;accent-color:var(--accent)}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--panel-3);transition:.2s;cursor:pointer}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(18px);background:var(--accent-ink)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.range{width:100%;accent-color:var(--accent)}.seg{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;padding:6px 13px;border-radius:8px;color:var(--text-2);font-weight:600;cursor:pointer;font-size:.86rem}.seg button.on{background:var(--panel-3);color:var(--text);box-shadow:0 1px 0 var(--border-strong) inset}.seg button:hover:not(.on){color:var(--text)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:none;padding:10px 14px;color:var(--text-2);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px;display:flex;align-items:center;gap:7px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs button svg{width:16px;height:16px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);min-width:0}.kpi-label{font-size:.78rem;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:7px}.kpi-label svg{width:15px;height:15px;color:var(--muted)}.kpi-value{font-size:1.7rem;font-weight:750;letter-spacing:-.02em;line-height:1.15}.kpi-value small{font-size:.85rem;font-weight:600;color:var(--muted);margin-left:3px;letter-spacing:0}.kpi-delta{font-size:.78rem;font-weight:650;display:flex;align-items:center;gap:4px}.kpi-delta svg{width:14px;height:14px}.kpi-delta .vs{color:var(--muted);font-weight:500}.delta-up-good,.delta-down-good{color:var(--good-text)}.delta-up-bad,.delta-down-bad{color:var(--bad-text)}.delta-flat{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;font-size:.72rem;font-weight:700;background:var(--panel-3);color:var(--text-2);white-space:nowrap}.badge svg{width:12px;height:12px}.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge.good{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good-text)}.badge.bad{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad-text)}.badge.warn{background:color-mix(in srgb,var(--warn) 17%,transparent);color:var(--warn)}.badge.info{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.kind-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:750;color:var(--accent-ink);background:var(--accent);flex:none;overflow:hidden;position:relative}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .online{position:absolute;right:1px;bottom:1px;width:26%;height:26%;border-radius:50%;background:var(--good);border:2px solid var(--panel)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border);min-width:0}.list-item:last-child{border-bottom:0}.list-item.clickable{cursor:pointer;border-radius:10px;padding-left:8px;padding-right:8px}.list-item.clickable:hover{background:var(--panel-2)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}table.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--panel);position:sticky;top:0}.table td{padding:10px 12px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;vertical-align:middle}.table tr:hover td{background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.table tr.clickable{cursor:pointer}.empty{text-align:center;padding:34px 16px;color:var(--muted)}.empty svg{width:34px;height:34px;margin-bottom:8px;opacity:.7}.empty h3{color:var(--text-2);margin-bottom:4px}.bar{height:8px;border-radius:99px;background:var(--panel-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .4s}.bar.info>span{background:var(--info)}.bar.warn>span{background:var(--warn)}.bar.bad>span{background:var(--bad)}.ring-wrap{position:relative;display:grid;place-items:center}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03060c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fade .15s}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--border-strong);border-radius:18px;box-shadow:0 30px 80px -20px #000000b3;animation:pop .18s}.modal.wide{width:min(960px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel);z-index:2}.modal-body{padding:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--panel);flex-wrap:wrap}@media(max-width:600px){.overlay{place-items:end center;padding:0}.modal{border-radius:18px 18px 0 0;max-height:92vh;padding-bottom:var(--safe-b)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dropdown{position:absolute;right:0;top:calc(100% + 8px);width:330px;max-width:calc(100vw - 20px);background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 20px 60px -15px #0009;z-index:60;overflow:hidden;animation:pop .14s}.dropdown .dd-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.dropdown .dd-item{display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;background:none;border:0;text-align:left;cursor:pointer;color:var(--text-2);font-weight:550}.dropdown .dd-item:hover{background:var(--panel-2);color:var(--text)}.dropdown .dd-item svg{width:17px;height:17px}.dropdown .dd-sep{height:1px;background:var(--border);margin:4px 0}.dropdown .dd-scroll{max-height:380px;overflow-y:auto}@media(max-width:600px){.dropdown{position:fixed;left:10px;right:10px;top:calc(var(--topbar-h) + 6px);width:auto}}.toasts{position:fixed;z-index:200;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}@media(max-width:960px){.toasts{bottom:calc(var(--tabbar-h) + 14px + var(--safe-b));left:16px;right:16px;max-width:none}}.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--panel-3);border:1px solid var(--border-strong);box-shadow:0 12px 30px -10px #0009;animation:pop .2s;font-weight:550}.toast svg{width:18px;height:18px;flex:none;margin-top:1px}.toast.error svg{color:var(--bad-text)}.toast.success svg{color:var(--good-text)}.toast.info svg{color:var(--info)}.auth{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.auth-hero{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(1000px 600px at 20% 10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(160deg,#0f1f16,#0b0f17 60%)}.auth-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;max-width:14ch;color:#fff}.auth-hero p{color:#b6c0cf;max-width:46ch;font-size:1.05rem}.auth-hero .pitch-art{position:absolute;right:-60px;top:40px;width:420px;opacity:.55}.auth-form{display:grid;place-items:center;padding:32px 20px}.auth-card{width:min(400px,100%)}.auth-features{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#dbe3ee;font-weight:600;font-size:.9rem}.auth-features span{display:flex;gap:8px;align-items:center}.auth-features svg{width:18px;height:18px;color:var(--accent)}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth-hero{padding:28px 22px;min-height:230px}.auth-hero .pitch-art{width:260px;right:-40px;top:10px}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:12px;overflow:hidden}.cal-dow{padding:8px;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel-2)}.cal-day{min-height:112px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}.cal-day:hover{background:var(--panel-2)}.cal-day.other{background:var(--bg-elev);opacity:.6}.cal-day.today .cal-num{background:var(--accent);color:var(--accent-ink)}.cal-day.selected{box-shadow:inset 0 0 0 2px var(--accent)}.cal-num{font-size:.78rem;font-weight:700;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.cal-chip{font-size:.72rem;padding:2px 6px;border-radius:5px;background:var(--panel-3);display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cal-chip.done{opacity:.55;text-decoration:line-through}@media(max-width:720px){.cal-day{min-height:64px;padding:4px}.cal-chip{display:none}.cal-dots{display:flex!important}}.cal-dots{display:none;gap:3px;flex-wrap:wrap}.item-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border)}.item-row+.item-row{margin-top:8px}.item-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.item-icon svg{width:19px;height:19px}.status-check{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-strong);background:none;display:grid;place-items:center;cursor:pointer;color:transparent;flex:none}.status-check.done{background:var(--good);border-color:var(--good);color:#fff}.status-check svg{width:16px;height:16px}.quick-add{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-add button{height:54px;border-radius:12px;border:1px solid var(--border-strong);background:var(--panel-2);font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.quick-add button small{color:var(--muted);font-weight:600;font-size:.7rem}.quick-add button:hover{border-color:var(--info)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border-strong)}.tl-item{position:relative;padding:6px 0 12px}.tl-item:before{content:"";position:absolute;left:-19px;top:11px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--border-strong)}.tl-item.done:before{background:var(--info);border-color:var(--info)}.tl-item.due:before{border-color:var(--warn)}.chat{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - var(--topbar-h) - 120px);min-height:460px}.chat-list{border-right:1px solid var(--border);overflow-y:auto}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:min(560px,80%);padding:9px 13px;border-radius:16px;background:var(--panel-3);white-space:pre-wrap;word-wrap:break-word}.bubble.me{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px}.bubble.them{border-bottom-left-radius:5px}.bubble-meta{font-size:.68rem;color:var(--muted);margin:6px 4px 0}.bubble-meta.me{text-align:right}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}@media(max-width:760px){.chat{grid-template-columns:1fr;height:auto}.chat.has-active .chat-list{display:none}.chat:not(.has-active) .chat-main{display:none}.chat-msgs{min-height:50vh;max-height:calc(100vh - 290px)}}.video-stage{position:relative;background:#000;border-radius:12px;overflow:hidden}.video-stage video{width:100%;display:block;max-height:70vh}.video-stage canvas.overlay-canvas,.video-stage svg.overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.calib-stage{position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.calib-stage img{width:100%;display:block;border-radius:10px}.calib-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.thumb{aspect-ratio:16 / 9;background:var(--panel-3) center / cover no-repeat;border-radius:10px;position:relative;overflow:hidden}.thumb .thumb-badge{position:absolute;left:8px;top:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.metric{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:11px 12px}.metric .m-label{font-size:.72rem;color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.06em}.metric .m-value{font-size:1.25rem;font-weight:750}.metric .m-sub{font-size:.74rem;color:var(--text-2)}.chart-box{position:relative;height:260px}.chart-box.sm{height:180px}.chart-box.lg{height:320px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.legend i.dash{background:repeating-linear-gradient(90deg,var(--muted) 0 4px,transparent 4px 7px)!important}.pitch-map{width:100%;max-width:360px;margin:0 auto;display:block}.skeleton{background:linear-gradient(90deg,var(--panel-2),var(--panel-3),var(--panel-2));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:22px;height:22px;border:3px solid var(--panel-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:grid;place-items:center;min-height:40vh}.callout{display:flex;gap:12px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.callout.warn{background:color-mix(in srgb,var(--warn) 11%,transparent);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.callout.bad{background:color-mix(in srgb,var(--bad) 11%,transparent);border-color:color-mix(in srgb,var(--bad) 35%,transparent)}.callout svg{width:20px;height:20px;flex:none;margin-top:2px}.kbd{font-family:ui-monospace,monospace;font-size:.75rem;padding:1px 6px;border-radius:5px;background:var(--panel-3);border:1px solid var(--border-strong)}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.profile-cover{height:120px;border-radius:var(--radius) var(--radius) 0 0;background:radial-gradient(600px 200px at 20% 0%,color-mix(in srgb,var(--accent) 35%,transparent),transparent),linear-gradient(120deg,#13301f,#0f1726)}.drop-zone{border:2px dashed var(--border-strong);border-radius:14px;padding:28px 16px;text-align:center;cursor:pointer;transition:.15s}.drop-zone:hover,.drop-zone.over{border-color:var(--accent);background:var(--accent-soft)}.record-stage{position:relative;background:#000;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9}.record-stage video{width:100%;height:100%;object-fit:contain}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.exercise-row{display:grid;grid-template-columns:28px minmax(140px,2fr) repeat(4,minmax(64px,1fr)) 36px;gap:8px;align-items:center}@media(max-width:720px){.exercise-row{grid-template-columns:1fr 1fr}.exercise-row .drag,.exercise-row .ex-name{grid-column:1 / -1}}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.week-col{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px;min-height:160px;display:flex;flex-direction:column;gap:6px}.week-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tpl-item{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:7px 9px;font-size:.8rem;display:flex;gap:6px;align-items:flex-start}.spin{animation:spin 1s linear infinite}