: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:258px;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;transition:width .18s ease;z-index:30}.sidebar.collapsed{width:78px}.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:22px 18px 18px;position:relative}.sidebar.collapsed .sb-brand{justify-content:center;padding:22px 0 18px}.sb-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 88%,#fff),var(--primary));color:var(--on-primary);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.sb-id{min-width:0;overflow:hidden}.sb-brand .name{font-weight:700;font-size:18px;letter-spacing:-.01em}.sb-brand .ws{font-size:12px;color:var(--neutral);white-space:nowrap}.sb-collapse{position:absolute;top:28px;right:-14px;width:30px;height:30px;border-radius:50%;padding:0;background:var(--primary);color:var(--on-primary);border:3px solid var(--bg);display:grid;place-items:center;cursor:pointer;z-index:5;line-height:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.sb-collapse:hover{background:var(--primary-hover)}.sb-collapse svg{display:block}.sb-nav{flex:1 1;padding:8px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:600;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.sb-item .ic{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;color:var(--neutral)}.sb-item .lbl{white-space:nowrap;overflow:hidden}.sb-item:hover{background:var(--surface-raised)}.sb-item:hover,.sb-item:hover .ic{color:var(--text)}.sb-item.active{background:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.sb-item.active,.sb-item.active .ic{color:var(--on-primary)}.sidebar.collapsed .sb-item{justify-content:center;padding:11px 0}.sidebar.collapsed .lbl,.sidebar.collapsed .sb-id,.sidebar.collapsed .switch{display:none}.sb-foot{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.theme-item .switch{margin-left:auto;width:38px;height:22px;border-radius:var(--r-pill);background:var(--surface-raised);position:relative;transition:background .15s ease;flex-shrink:0}.theme-item .switch.on{background:var(--primary)}.theme-item .switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s ease}.theme-item .switch.on i{left:19px}.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{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);color:var(--text);font-size:13px;font-weight:500;line-height:1.55;padding:12px 16px;border-radius:var(--r-btn);margin-bottom:24px}.consent-banner strong{font-weight:700}.consent-banner a{color:var(--primary);font-weight:600}.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)}.kebab{width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--r-btn);color:var(--text-2);cursor:pointer;font-size:18px;line-height:1}.kebab:hover{background:var(--surface-raised);color:var(--text)}.rowmenu{position:fixed;min-width:194px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-modal);z-index:80;padding:5px;animation:popIn .12s ease}.rowmenu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 11px;background:transparent;border:none;color:var(--text);font:inherit;font-size:13px;cursor:pointer;border-radius:7px}.rowmenu button:hover{background:var(--surface-raised)}.rowmenu button:disabled{opacity:.5;cursor:default}.rowmenu button svg{flex-shrink:0;color:var(--text-2)}.rowmenu button.danger,.rowmenu button.danger svg{color:var(--error)}.rowmenu button.danger:hover{background:color-mix(in srgb,var(--error) 12%,transparent)}.rowmenu .sep{height:1px;background:var(--border);margin:5px 4px}.spinner{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:6px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:100;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-modal);padding:24px;animation:popIn .16s ease}@keyframes popIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-card h3{font-size:18px;font-weight:700;margin-bottom:6px}.modal-card .modal-sub{color:var(--text-2);font-size:13px;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.token-box{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-btn);padding:12px 14px}.token-box code{flex:1 1;font-family:var(--font-code);font-size:13px;word-break:break-all;color:var(--primary)}.copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--r-btn);padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.copy-btn:hover{border-color:var(--primary);color:var(--primary)}.copy-btn.copied{color:var(--success);border-color:var(--success)}.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}