:root{--cream: #FFFDF6;--midnight: #102930;--ink: #050D11;--emerald: #025F6E;--teal: #5AC3C2;--neon: #DFF271;--gold: #958238;--violet: #7247C4;--lavender: #DCBFFF;--bg: var(--cream);--bg-dots: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='5'><rect x='2' y='2' width='1.2' height='1.2' fill='%23102930' fill-opacity='0.07'/></svg>");--surface: #ffffff;--surface-2: #F3F4F5;--text: var(--midnight);--text-2: rgba(16, 41, 48, .72);--text-3: rgba(16, 41, 48, .5);--rule: #dbdbdb;--rule-soft: #ebebe6;--accent: var(--emerald);--accent-soft: rgba(2, 95, 110, .08);--action: var(--neon);--action-ink: var(--midnight);--good: #1E7A4C;--warn: #9A6B14;--bad: #A83A2F;--good-soft: rgba(30, 122, 76, .1);--warn-soft: rgba(154, 107, 20, .12);--bad-soft: rgba(168, 58, 47, .1);--shadow: 0 10px 30px rgba(16, 41, 48, .06);--serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;--sans: "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--r: 14px}:root[data-theme=dark]{--bg: var(--midnight);--bg-dots: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><rect x='2' y='2' width='1.4' height='1.4' fill='%23FFFDF6' fill-opacity='0.07'/></svg>");--surface: #14323A;--surface-2: #0E2229;--text: var(--cream);--text-2: rgba(255, 253, 246, .74);--text-3: rgba(255, 253, 246, .5);--rule: rgba(255, 253, 246, .16);--rule-soft: rgba(255, 253, 246, .09);--accent: var(--neon);--accent-soft: rgba(223, 242, 113, .1);--good: #7FD3A3;--warn: #E7C25F;--bad: #F0907F;--good-soft: rgba(127, 211, 163, .12);--warn-soft: rgba(231, 194, 95, .14);--bad-soft: rgba(240, 144, 127, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .25)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: var(--midnight);--bg-dots: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><rect x='2' y='2' width='1.4' height='1.4' fill='%23FFFDF6' fill-opacity='0.07'/></svg>");--surface: #14323A;--surface-2: #0E2229;--text: var(--cream);--text-2: rgba(255, 253, 246, .74);--text-3: rgba(255, 253, 246, .5);--rule: rgba(255, 253, 246, .16);--rule-soft: rgba(255, 253, 246, .09);--accent: var(--neon);--accent-soft: rgba(223, 242, 113, .1);--good: #7FD3A3;--warn: #E7C25F;--bad: #F0907F;--good-soft: rgba(127, 211, 163, .12);--warn-soft: rgba(231, 194, 95, .14);--bad-soft: rgba(240, 144, 127, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html{font-optical-sizing:none;-webkit-text-size-adjust:100%}html,body{margin:0}body{background:var(--bg-dots) repeat,var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:9px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{width:100%;min-height:84px;resize:vertical}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:1.02;margin:0}h1{font-size:clamp(30px,4.4vw,52px)}h2{font-size:clamp(24px,2.8vw,36px)}h3{font-size:clamp(20px,2vw,26px)}em.acc{font-style:italic;color:var(--accent)}p{margin:0}.topbar-wrap{position:sticky;top:0;z-index:20;padding:12px 12px 0}.topbar{margin:0 auto;max-width:1180px;height:56px;display:flex;align-items:center;gap:18px;padding:0 18px 0 20px;border-radius:16px;color:var(--cream);background:#102930c7;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);box-shadow:inset 0 1px 1px #fffdf61a,0 4px 24px #0000001f}:root[data-theme=dark] .topbar{background:#050d11b8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .topbar{background:#050d11b8}}.topbar .logo{height:20px;width:auto;display:block;fill:var(--cream)}.topbar .app-name{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-left:-6px;padding-left:12px;border-left:1px solid rgba(255,253,246,.25);line-height:1}.topbar nav{display:flex;gap:2px;margin-left:8px}.topbar nav a{color:var(--cream);padding:7px 12px;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:.02em;opacity:.85}.topbar nav a:hover{opacity:1;text-decoration:none;background:#fffdf614}.topbar nav a.active{color:var(--neon);opacity:1}.topbar .spacer{flex:1}.topbar .who{font-size:13px;opacity:.7;white-space:nowrap}.icon-btn{background:transparent;border:1px solid rgba(255,253,246,.22);color:var(--cream);border-radius:999px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#fffdf61a}.text-btn{background:transparent;border:0;color:var(--cream);opacity:.75;font-size:13px;padding:6px 8px}.text-btn:hover{opacity:1}@media (max-width: 760px){.topbar{padding:0 12px 0 16px;gap:10px}.topbar .who,.topbar .app-name{display:none}.topbar nav a{padding:7px 9px;font-size:13px}}.page{max-width:1180px;margin:0 auto;padding:28px 20px 60px}@media (max-width: 760px){.page{padding:18px 14px 48px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head .sub{color:var(--text-2);font-size:15px;margin-top:6px;max-width:60ch}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.cols-2,.cols-3{grid-template-columns:1fr}}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13.5px}.sr{position:absolute;left:-9999px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:6px 0 22px}.stat{padding:18px 16px 16px;border-left:1px solid var(--rule);text-align:left;background:transparent;border-top:0;border-bottom:0;border-right:0;transition:background .15s ease}.stat:first-child{border-left:0}.stat:hover,.stat.on{background:var(--accent-soft)}.stat .v{font-family:var(--serif);font-style:italic;font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.03em;color:var(--accent)}.stat .l{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:8px;font-weight:600}.stat .d{font-size:12px;color:var(--text-2);margin-top:4px}@media (max-width: 760px){.stats{grid-template-columns:repeat(4,1fr);border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-radius:12px;overflow:hidden}.stat{padding:12px 10px}.stat:nth-child(n+5){border-top:1px solid var(--rule)}.stat:nth-child(5){border-left:0}.stat .v{font-size:26px}.stat .l{font-size:9.5px}}.panel{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow)}.panel.tight{padding:0;overflow:hidden}.panel h3{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}.panel.accent{background:var(--midnight);color:var(--cream);border-color:transparent}.panel.accent h3{color:#fffdf68c}.panel.accent a{color:var(--neon)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:600;border-radius:999px;padding:9px 18px;border:1.5px solid var(--rule);background:var(--surface);color:var(--text);transition:transform .12s ease,background .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);text-decoration:none;background:var(--surface-2)}.btn.primary{background:var(--neon);border-color:var(--neon);color:var(--midnight)}.btn.primary:hover{background:var(--cream);border-color:var(--cream)}.btn.dark{background:var(--midnight);border-color:var(--midnight);color:var(--cream)}.btn.danger{color:var(--bad);border-color:currentColor;background:transparent}.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.45;cursor:default;transform:none}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--rule);color:var(--text-2);white-space:nowrap;line-height:1.3}.chip.fill{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip.good{background:var(--good-soft);border-color:transparent;color:var(--good)}.chip.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.chip.bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.chip.neon{background:var(--neon);border-color:var(--neon);color:var(--midnight)}.chip.dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.filters input[type=search]{min-width:240px;flex:1;max-width:360px}.seg{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px;background:var(--surface)}.seg button{border:0;background:transparent;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-2)}.seg button.on{background:var(--midnight);color:var(--cream)}:root[data-theme=dark] .seg button.on{background:var(--neon);color:var(--midnight)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .seg button.on{background:var(--neon);color:var(--midnight)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--midnight);color:var(--cream)}.login{width:min(420px,100%)}.login .logo{height:28px;fill:var(--cream);margin-bottom:40px}.login h1{font-size:clamp(36px,6vw,56px);margin-bottom:10px}.login h1 em{font-style:italic;color:var(--neon)}.login p{color:#fffdf6b3;max-width:38ch}.login form{display:flex;flex-direction:column;gap:10px;margin-top:28px}.login input{background:#fffdf60f;border-color:#fffdf640;color:var(--cream);padding:13px 16px;border-radius:999px;font-size:16px}.login input::placeholder{color:#fffdf666}.login .btn.primary{padding:13px 22px;font-size:15px;justify-content:center}.login .notice{background:#dff2711f;color:var(--neon)}.login .notice.bad{background:#f0907f24;color:#f0907f}.ana-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}@media (max-width: 900px){.span-8,.span-6,.span-4{grid-column:span 12}}.bars{display:flex;flex-direction:column;gap:9px}.bar{display:grid;grid-template-columns:150px 1fr 64px;gap:10px;align-items:center;font-size:14px}.bar .lab{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .trk{height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar .fil{height:100%;border-radius:999px;background:var(--accent);transition:width .5s ease}.bar .val{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--accent);text-align:right}@media (max-width: 760px){.bar{grid-template-columns:96px 1fr 52px}}.funnel{display:flex;flex-direction:column;gap:6px}.fstage{display:grid;grid-template-columns:120px 1fr 110px;gap:12px;align-items:center}.fstage .lab{font-size:14px;color:var(--text-2)}.fstage .blk{height:34px;border-radius:8px;background:var(--accent);display:flex;align-items:center;padding-left:10px;color:var(--cream);font-family:var(--serif);font-style:italic;font-size:19px;min-width:36px;transition:width .5s ease}:root[data-theme=dark] .fstage .blk{color:var(--midnight)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .fstage .blk{color:var(--midnight)}}.fstage .pct{font-size:13px;color:var(--text-3)}.cols{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:10px}.col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.col .b{width:100%;border-radius:6px 6px 2px 2px;background:var(--accent);min-height:2px;transition:height .5s ease}.col .b.alt{background:var(--teal)}.col .m{font-size:10px;color:var(--text-3);letter-spacing:.04em}.col .c{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--accent)}.legend{display:flex;gap:14px;font-size:12px;color:var(--text-3);margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700;padding:8px;border-bottom:1px solid var(--rule)}table.data td{padding:9px 8px;border-bottom:1px solid var(--rule-soft);vertical-align:top}table.data td.num{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--accent);text-align:right;white-space:nowrap}table.data th.num{text-align:right}.big{font-family:var(--serif);font-style:italic;font-size:clamp(40px,5vw,64px);color:var(--accent);line-height:1;letter-spacing:-.03em}.big-l{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-top:8px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);margin-bottom:6px}.page .page-head .eyebrow{color:var(--accent)}.hero{background:linear-gradient(135deg,#0E2229 0%,var(--midnight) 55%,#0B3A3F 100%);color:var(--cream);border-radius:22px;padding:26px 26px 22px;box-shadow:0 16px 50px #1029302e;margin-bottom:22px}.hero h1{font-size:clamp(40px,5.6vw,64px);margin-top:2px}.hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.monthpick{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;gap:8px 10px}.monthlab{font-family:var(--serif);font-size:20px;display:flex;align-items:center;gap:10px;white-space:nowrap}.monthpick .icon-btn{width:30px;height:30px}.monthpick .icon-btn:disabled{opacity:.25;cursor:default}.daybar{grid-column:1 / -1;min-width:220px}.daybar-l{display:flex;justify-content:space-between;font-size:12px;opacity:.8;margin-bottom:5px}.hero .trk{height:5px;background:#fffdf626;border-radius:999px;overflow:hidden}.hero .trk .fil{height:100%;background:var(--neon);border-radius:999px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}@media (max-width: 1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.cards{grid-template-columns:1fr}}.card{text-align:left;background:#fffdf60f;border:1px solid rgba(255,253,246,.1);border-radius:16px;padding:16px 18px 14px;color:var(--cream);display:flex;flex-direction:column;gap:6px;min-height:128px}.card.clickable{cursor:pointer;transition:background .15s ease,transform .12s ease}.card.clickable:hover{background:#fffdf61c;transform:translateY(-1px)}.card-l{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.card-v{font-family:var(--serif);font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.03em}.card-v.good{color:var(--neon)}.card-v.bad{color:#f0907f}.card-v.warn{color:#e7c25f}.card-v .unit{font-family:var(--sans);font-size:15px;letter-spacing:0;opacity:.6}.card-s{font-size:12.5px;opacity:.7;margin-top:auto}.delta{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;width:fit-content}.delta.up{background:#dff2712e;color:var(--neon)}.delta.down{background:#f0907f2e;color:#f0907f}.dots{display:flex;gap:3px;flex-wrap:wrap}.dots i{width:8px;height:8px;border-radius:2px;background:#fffdf633}.dots i.good{background:var(--teal)}.dots i.bad{background:#f0907f}.tabs-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:6px 0 14px}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--rule);flex:1}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:transparent;padding:10px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}.tabs button .cnt{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-2)}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.tabs button.on .cnt{background:var(--accent);color:var(--cream)}:root[data-theme=dark] .tabs button.on .cnt{color:var(--midnight)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .tabs button.on .cnt{color:var(--midnight)}}.tabs-row input[type=search]{min-width:200px;border-radius:999px}.clients{display:flex;flex-direction:column;gap:12px}.client{background:var(--surface);border:1px solid var(--rule-soft);border-left:4px solid var(--accent);border-radius:var(--r);padding:16px 20px 12px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s ease}.client:hover{box-shadow:0 14px 36px #1029301a}.client.s-churned,.client.s-churning{border-left-color:var(--bad);opacity:.85}.client.s-paused{border-left-color:var(--warn)}.client-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.client-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.client-id h2{font-size:22px}.client-team{font-size:13.5px;display:flex;gap:14px;align-items:center;color:var(--text-2)}.risk-line{margin-top:8px;font-size:13.5px;color:var(--bad);display:flex;gap:14px;flex-wrap:wrap}.risk-line a{color:inherit;text-decoration:underline;text-decoration-color:#a83a2f66}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;margin-top:14px}@media (max-width: 1000px){.client-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.client-grid{grid-template-columns:1fr}}.cell{min-width:0}.cell-l{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.cell-v{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.1;color:var(--accent);margin:4px 0 6px;letter-spacing:-.02em}.cell-v.small-v{font-size:19px;font-style:normal;color:var(--text)}.cell-v .unit{font-family:var(--sans);font-style:normal;font-size:12.5px;color:var(--text-3);letter-spacing:0}.cell-s{font-size:12.5px;color:var(--text-2);margin-top:5px;line-height:1.4}.cell-s b{font-weight:600;color:var(--text)}.cell .trk{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;position:relative}.cell .trk .fil{height:100%;background:var(--accent);border-radius:999px}.cell .trk .fil.good{background:var(--good)}.cell .trk .fil.bad{background:var(--bad)}.cell .trk .fil.warn{background:var(--warn)}.cell .trk .mark{position:absolute;top:-3px;width:2px;height:13px;background:var(--text);opacity:.6}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}.client-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--rule-soft);color:var(--accent)}.spark{display:block;opacity:.9}.links{display:flex;gap:12px;font-size:12.5px}.lnk{color:var(--text-2)}.client-more{margin-top:12px;padding-top:12px;border-top:1px dashed var(--rule);font-size:14px;color:var(--text-2);display:flex;flex-direction:column;gap:6px}.client-more ul{margin:0;padding-left:18px}.client-more b{color:var(--text);font-weight:600}.cols .pair{display:flex;gap:2px;width:100%;height:100%;align-items:flex-end}.cols .pair .b{flex:1}
