:root{--bg:#fff;--bg-card:#fff;--bg-hover:#f7f8fa;--bg-input:#f2f3f5;--panel-bg:#f7f8fa;--border:#e5e7eb;--border-soft:#eaecf0;--border-hover:#d2d2d7;--text:#0a0a0a;--text-sec:#45515e;--text-muted:#6e727a;--steel:#5f5f5f;--charcoal:#222;--ink:#0a0a0a;--accent:#1d4ed8;--accent-dim:#1d4ed814;--coral:#ff5530;--magenta:#ea5ec1;--blue-200:#bfdbfe;--green:#1ba673;--green-dim:#e8ffea;--red:#d45656;--red-dim:#d4565614;--orange:#ff9f0a;--orange-dim:#ff9f0a1a;--purple:#a855f7;--cyan:#3daeff;--radius:16px;--radius-sm:8px;--radius-lg:24px;--radius-hero:32px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 6px #00000014;--shadow-glow:0 0 22px #00000014;--z-sticky:30;--z-overlay:40;--z-drawer:50;--font:"DM Sans", Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font-family:var(--font)}button{cursor:pointer}button:where(:not([class])){border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:4px 14px;font-size:12px;font-weight:600;transition:background .15s}button:where(:not([class])):hover{background:var(--bg-hover)}button:where(:not([class])):disabled{color:var(--text-muted);cursor:not-allowed}input:where(:not([class]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])),select:where(:not([class])),textarea:where(:not([class])){border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);padding:6px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}input:where(:not([class]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):focus,select:where(:not([class])):focus,textarea:where(:not([class])):focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 1px #1d4ed8}input[type=checkbox],input[type=radio]{accent-color:var(--ink)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg);border-right:1px solid var(--border-soft);width:220px;height:100vh;position:fixed;overflow-y:auto}.main{flex:1;max-width:1100px;margin-left:220px;padding:32px 40px 64px}.sb-topbar,.sb-overlay,.sb-drawer-close{display:none}.sb-brand{border-bottom:1px solid var(--border-soft);padding:22px 18px 16px}.sb-brand h1{letter-spacing:-.02em;font-size:18px;font-weight:600}.sb-brand p{color:var(--text-muted);margin-top:2px;font-size:12px}.sb-firm{background:var(--bg-hover);border-radius:var(--radius-sm);border:none;margin:12px;padding:10px 12px}.sb-firm strong{font-size:13px;font-weight:600;display:block}.sb-firm span{color:var(--text-muted);font-size:11px}.sb-nav{padding:8px;list-style:none}.sb-nav a{color:var(--charcoal);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sb-nav a:hover{background:var(--bg-hover);color:var(--text)}.sb-nav a.active{background:var(--bg-hover);color:var(--text);font-weight:500}.sb-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:16px 18px 6px;font-size:11px;font-weight:600}.sb-bottom{border-top:1px solid var(--border-soft);background:var(--bg);width:100%;padding:14px;position:absolute;bottom:0}.sb-bottom button{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);cursor:pointer;width:100%;color:var(--text);font-size:13px;font-weight:600;font-family:var(--font);padding:8px;transition:background .15s}.sb-bottom button:hover{background:var(--bg-hover)}.page-title{letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:600;line-height:1.25}.page-sub{color:var(--steel);margin-bottom:28px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:24px}.card-hdr{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{font-size:16px;font-weight:600;line-height:1.4}.card-subtitle{color:var(--text-muted);max-width:62ch;margin-top:2px;font-size:13px;line-height:1.5}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.g4{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.stat{background:var(--bg-hover);border:none;border-radius:12px;padding:16px}.stat-label{color:var(--steel);font-size:12px;font-weight:500}.stat-val{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0;font-size:24px;font-weight:600}.stat-delta{font-size:12px}.c-green{color:var(--green)}.c-red{color:var(--red)}.c-accent{color:var(--accent)}.c-orange{color:var(--orange)}.c-muted{color:var(--text-muted)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;padding:3px 10px;font-size:11px;font-weight:600}.badge-basic{background:var(--bg-input);color:var(--steel)}.badge-professional{background:var(--blue-200);color:var(--accent)}.badge-premium{background:var(--coral);color:#fff}.badge-success{background:var(--green-dim);color:var(--green)}.badge-new{background:var(--coral);color:#fff}.badge-beta{background:var(--blue-200);color:#1d4ed8}.btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:13px;font-weight:600;line-height:1.4;font-family:var(--font);padding:8px 18px;transition:background .15s,border-color .15s}.btn:hover{background:var(--bg-hover)}.btn:active{background:var(--bg-input)}.btn:disabled{background:var(--border);color:var(--text-muted);border-color:var(--border);cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:var(--charcoal);border-color:var(--charcoal)}.btn-primary:active{background:var(--charcoal)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);border-color:var(--border)}.btn-sm{padding:5px 12px;font-size:12px}.input-sm{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);width:100%;font-size:13px;font-family:var(--font);padding:6px 10px;transition:border-color .15s,box-shadow .15s}.input-sm:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 1px #1d4ed8}select.input-sm{cursor:pointer}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--steel);background:var(--bg-hover);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}.tbl th:first-child{border-radius:var(--radius-sm) 0 0 0}.tbl th:last-child{border-radius:0 var(--radius-sm) 0 0}.tbl td{border-bottom:1px solid var(--border-soft);padding:12px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg-hover)}.tbl .mono{font-family:var(--font);font-variant-numeric:tabular-nums}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--steel);font-size:14px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--ink)}.pill-tab{border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--steel);font-size:13px;font-weight:500;font-family:var(--font);padding:7px 16px;transition:background .15s,color .15s}.pill-tab:hover{color:var(--text)}.pill-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.alert{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.alert-warning{background:var(--orange-dim);border:1px solid var(--orange)}.alert-critical{background:var(--red-dim);border:1px solid var(--red)}.alert-info{background:var(--accent-dim);border:1px solid var(--accent)}.alert-title{font-size:13px;font-weight:600}.alert-msg{color:var(--text-sec);margin-top:2px;font-size:12px}.dim-row{align-items:center;gap:10px;margin:7px 0;display:flex}.dim-lbl{width:80px;color:var(--text-sec);text-align:right;font-size:12px}.dim-track{background:var(--bg-input);border-radius:var(--radius-pill);flex:1;height:6px;overflow:hidden}.dim-fill{border-radius:var(--radius-pill);height:100%}.dim-val{font-variant-numeric:tabular-nums;width:36px;font-size:11px;font-weight:600}.pct-row{align-items:center;gap:10px;margin:7px 0;display:flex}.pct-lbl{width:100px;color:var(--text-sec);text-align:right;font-size:12px}.pct-track{background:var(--bg-input);border-radius:var(--radius-pill);flex:1;height:18px;position:relative}.pct-marker{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px var(--accent-dim);border-radius:50%;position:absolute;top:2px;transform:translate(-50%)}.pct-line{background:var(--border);width:1px;position:absolute;top:0;bottom:0}.pct-val{font-variant-numeric:tabular-nums;width:36px;font-size:11px;font-weight:600}.narrative{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-sec);white-space:pre-wrap;border-radius:12px;padding:16px 20px;font-size:13px;line-height:1.7}.score-wrap{flex-direction:column;align-items:center;padding:12px;display:flex}.score-ring{width:140px;height:140px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-val{font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:var(--accent);font-size:34px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-val small{color:var(--text-muted);font-size:12px;font-weight:400}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:400px;box-shadow:var(--shadow-glow);text-align:center;padding:48px 40px 40px}.login-box h1{letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:600;line-height:1.25}.login-box p{color:var(--steel);margin-bottom:28px;font-size:14px}.login-box input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:44px;font-size:14px;font-family:var(--font);background:var(--bg-card);margin-bottom:12px;padding:0 16px;transition:border-color .15s,box-shadow .15s}.login-box input:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 1px #1d4ed8}.login-box .btn-primary{width:100%;height:44px;margin-top:8px;padding:0;font-size:14px}.login-err{color:var(--red);margin-top:12px;font-size:13px}.loading{text-align:center;color:var(--text-muted);padding:48px;font-size:14px}.spinner{border:2px solid var(--border);border-top-color:var(--ink);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.client-row{cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}.client-row:hover{background:var(--bg-hover)}.client-row:focus-visible{outline-offset:-2px}.client-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.client-name{font-size:14px;font-weight:500}.client-meta{color:var(--text-muted);font-size:12px}.client-score{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:auto;font-size:15px;font-weight:600}.momentum{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.momentum-expanding{background:var(--green-dim);color:var(--green)}.momentum-stable{background:var(--accent-dim);color:var(--accent)}.momentum-contracting{background:var(--red-dim);color:var(--red)}.my-hero{border-radius:var(--radius-hero);background:linear-gradient(135deg, #0000002e, #0000006b), var(--accent);color:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:32px;display:flex}.my-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:600}.my-hero-name{letter-spacing:-.5px;font-size:28px;font-weight:600;line-height:1.2}.my-hero img{background:#fff;border-radius:12px;padding:6px}.my-hero .btn{color:var(--ink);background:#fff;border-color:#fff}.my-hero .btn:hover{background:var(--bg-hover)}.my-hero label{color:#ffffffd9!important}@media (pointer:coarse){.btn,.btn-sm,.pill-tab,.sb-bottom button,button:where(:not([class])){justify-content:center;align-items:center;min-height:44px;display:inline-flex}.tab,.sb-nav a,.input-sm,select.input-sm,.login-box input,input:where(:not([class])),select:where(:not([class])),textarea:where(:not([class])){min-height:44px}}@media (width<=1023px){.app-layout{flex-direction:column}.main{margin-left:0;padding:16px 16px 48px}.page-title{font-size:24px}.g2,.g3,.g4{grid-template-columns:1fr}.tbl{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.sb-topbar{z-index:var(--z-sticky);height:56px;padding:0 12px;padding-left:max(12px, env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;display:flex;position:sticky;top:0}.sb-hamburger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:44px;height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.sb-hamburger:hover{background:var(--bg-hover)}.sb-topbar-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.sidebar{border-right:1px solid var(--border-soft);width:min(280px,82vw);z-index:var(--z-drawer);transition:transform .25s cubic-bezier(.4,0,.2,1);top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0000002e}.sb-overlay{z-index:var(--z-overlay);background:#0000006b;display:block;position:fixed;inset:0}.sb-drawer-close{width:40px;height:40px;color:var(--text-sec);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex;position:absolute;top:14px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}