:root{--primary:#00e5ff;--primary-hover:#4decff;--on-primary:#06232a;--accent:#ffd60a;--neutral:#98989d;--bg:#121212;--surface:#1e1e1e;--surface-raised:#252525;--text:#fff;--text-2:#98989d;--border:#2c2c2e;--success:#32d74b;--warning:#ffd60a;--error:#ff453a;--primary-ring:rgba(0,229,255,.18);--primary-glow:rgba(0,229,255,.28);--shadow-card:0 4px 16px rgba(0,0,0,.35);--shadow-modal:0 24px 48px rgba(0,0,0,.5);--font-display:"Inter",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-code:"JetBrains Mono","Fira Code",ui-monospace,monospace;--r-sm:6px;--r-btn:8px;--r-card:16px;--r-pill:9999px}[data-theme=light]{--primary:#0097b2;--primary-hover:#007e96;--on-primary:#fff;--accent:#b8860b;--neutral:#6e6e78;--bg:#f4f5f7;--surface:#fff;--surface-raised:#eef0f3;--text:#1a1a1f;--text-2:#6e6e78;--border:#e2e4e9;--success:#1fa33a;--warning:#946c00;--error:#e5352b;--primary-ring:rgba(0,151,178,.16);--primary-glow:rgba(0,151,178,.25);--shadow-card:0 4px 16px rgba(28,25,23,.06);--shadow-modal:0 24px 48px rgba(28,25,23,.12)}*{box-sizing:border-box}body,html{padding:0;background:var(--bg);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,html{margin:0;color:var(--text)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.mono,code{font-family:var(--font-code)}a{color:var(--primary);text-decoration:none;cursor:pointer}a:hover{color:var(--primary-hover)}.t-headline{font-size:48px}.t-section{font-size:28px}.t-subhead{font-size:20px}.t-small{font-size:14px}.t-caption{font-size:12px;color:var(--text-2)}.t-overline{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--neutral);font-family:var(--font-body)}.muted{color:var(--text-2)}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topnav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent;border-bottom-color:var(--border)}.container{max-width:1200px;width:100%;margin:0 auto;padding:40px 24px 80px}@media (max-width:720px){.container{padding:24px 16px 64px}}.sb-brand{display:flex;align-items:center;gap:12px;padding:24px 20px}.sb-logo{width:38px;height:38px;border-radius:var(--r-btn);background:var(--primary);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}.sb-brand .name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.sb-brand .ws{font-size:12px;color:var(--neutral)}.sb-nav{flex:1 1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-btn);color:var(--text-2);font-size:14px;font-weight:600;position:relative;border:none;background:none;width:100%;text-align:left;cursor:pointer}.sb-item:hover{background:var(--surface-raised);color:var(--text)}.sb-item.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.sb-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:var(--r-pill);background:var(--primary)}.sb-foot{padding:16px;border-top:1px solid var(--border);font-size:12px;color:var(--neutral)}.btn{font-family:var(--font-body);font-weight:600;font-size:14px;height:40px;padding:0 16px;border-radius:var(--r-btn);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:all .15s ease;white-space:nowrap}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:48px;padding:0 24px;font-size:16px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-raised)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-raised)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{background:none;border:none;color:var(--neutral);cursor:pointer;padding:6px;border-radius:var(--r-btn);font-size:16px;line-height:1;transition:all .15s ease}.icon-btn:hover{color:var(--primary);background:var(--surface-raised)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);transition:box-shadow .15s ease,transform .15s ease}.card-pad{padding:16px}.card-hover:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text);padding:12px;font-size:16px;font-family:var(--font-body);outline:none;transition:all .15s ease}.input::placeholder,.textarea::placeholder{color:var(--neutral)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:6px 14px;font-size:13px;font-weight:600;background:var(--surface-raised);color:var(--text-2);border:none;cursor:pointer}.chip.active{background:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.badge-green{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.badge-amber{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--warning)}.badge-red{background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error)}.badge-gray{background:var(--surface-raised);color:var(--text-2)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral);font-weight:600;padding:12px 16px}.tbl tbody td,.tbl thead th{border-bottom:1px solid var(--border)}.tbl tbody td{padding:14px 16px;font-size:14px;color:var(--text)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.clickable:hover{background:var(--surface-raised)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.summary-grid{grid-template-columns:1fr}}.scard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:18px}.scard .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral);font-weight:600;margin-bottom:8px}.scard .val{font-family:var(--font-code);font-size:32px;font-weight:700;letter-spacing:-.01em}.scard .vs{font-size:12px;color:var(--neutral);margin-top:6px}.progress{height:6px;background:var(--surface-raised);overflow:hidden}.progress,.progress>span{border-radius:var(--r-pill)}.progress>span{display:block;height:100%;background:var(--primary);transition:width .3s ease}.progress.good>span{background:var(--success)}.progress.warn>span{background:var(--warning)}.progress.bad>span{background:var(--error)}.status-dot{width:9px;height:9px;border-radius:var(--r-pill);display:inline-block;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.status-dot.break{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.status-dot.idle{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 22%,transparent)}.status-dot.offline{background:var(--neutral)}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.live-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:16px;display:flex;flex-direction:column;gap:10px}.live-card.online{border-left:3px solid var(--success)}.live-card.break{border-left:3px solid var(--accent)}.live-card.idle{border-left:3px solid var(--warning)}.live-card.offline{border-left:3px solid var(--neutral);opacity:.85}.live-card .who{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:var(--r-pill);background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;flex-shrink:0}.live-card .app{font-size:13px;color:var(--text-2);gap:6px}.live-card .app,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:16px}.flex{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.stack-24>*+*{margin-top:24px}.empty-state{padding:60px 20px;text-align:center;color:var(--neutral)}.consent-banner{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);color:var(--warning);font-size:13px;font-weight:600;padding:10px 16px;border-radius:var(--r-btn);margin-bottom:24px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:32px;box-shadow:var(--shadow-card)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-card h1{font-size:28px;margin-bottom:4px}.auth-sub{color:var(--text-2);font-size:14px;margin-bottom:24px}.auth-field,.auth-msg{margin-bottom:16px}.auth-msg{font-size:14px;padding:10px 14px;border-radius:var(--r-btn)}.auth-msg.err{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 35%,transparent)}.auth-foot{margin-top:18px;text-align:center;font-size:13px;color:var(--text-2)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:44px}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:transparent;border:none;color:var(--text-2);cursor:pointer;border-radius:var(--r-btn)}.pw-toggle:hover{color:var(--primary);background:var(--surface-raised)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;align-items:end}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.trend{display:flex;align-items:flex-end;gap:6px;height:120px;padding-top:8px}.trend .bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.trend .bar-track{width:100%;max-width:28px;height:90px;display:flex;align-items:flex-end;background:var(--surface-raised);border-radius:4px;overflow:hidden}.trend .bar-fill{width:100%;background:var(--primary);border-radius:4px 4px 0 0;transition:height .3s ease}.trend .bar-fill.good{background:var(--success)}.trend .bar-fill.warn{background:var(--warning)}.trend .bar-fill.bad{background:var(--error)}.trend .bar-lbl{font-size:10px;color:var(--neutral);white-space:nowrap}.notif{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.notif:last-child{border-bottom:none}.notif .ndot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:6px;flex-shrink:0}.notif.seen .ndot{background:var(--neutral)}.bell-wrap{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--error);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.bell-menu{position:absolute;right:0;top:40px;width:320px;max-height:380px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-modal);z-index:50}.bell-menu .head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:600}.bell-menu .nmsg{font-size:13px}.bell-menu .ntime{font-size:11px;color:var(--neutral);margin-top:2px}.goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.goal-card{display:flex;flex-direction:column}.shot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.shot-card{border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;background:var(--surface)}.shot-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;background:var(--surface-raised)}.shot-card .meta{padding:8px 12px;font-size:12px}