:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#15231d;background:#f3f4ef;font-synthesis:none;--ink:#15231d;--green:#195d45;--lime:#dff06a;--paper:#fff;--line:#d8ddd6;--muted:#66716b}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:8px;padding:.75rem 1rem;font-weight:700}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e4bb22;outline-offset:3px}.landing{min-height:100vh;display:grid;place-items:center;align-content:center;padding:8vmin 6vw;text-align:center;background:#f4f4f2;background-image:linear-gradient(#1111 1px,transparent 1px),linear-gradient(90deg,#1111 1px,transparent 1px);background-size:72px 72px}.wordmark{display:block;width:min(100%,32rem);height:auto}.rule{width:180px;height:3px;background:#fad905;margin:3rem}.landingButton{background:#fad905;border:2px solid #111;border-radius:999px;padding:.85rem 1.6rem;color:#111;text-decoration:none;font-weight:750}.contact{display:block;margin-top:2rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;color:#111;text-decoration-color:#fad905;text-decoration-thickness:7px}.app{min-height:100vh;display:flex;flex-direction:column}.app nav{height:68px;padding:0 clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:.6rem;align-items:center;color:var(--ink);font-weight:800;text-decoration:none}.brand img{width:30px}.app nav>div{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.85rem}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.5rem .75rem}.app main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0;flex:1}.dashboardHeader,.sectionTitle{display:flex;justify-content:space-between;gap:2rem;align-items:end}.dashboardHeader{margin-bottom:2rem}.dashboardHeader h1,.signin h1{font-size:clamp(2.25rem,6vw,4.4rem);line-height:.95;margin:.25rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-size:.72rem;font-weight:800}.muted,small{color:var(--muted)}label{display:grid;gap:.4rem;font-size:.78rem;font-weight:700}select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.7rem}.fixture,.warning,.error{padding:1rem 1.25rem;border-radius:8px;margin:1rem 0}.fixture{background:#272315;color:#ffed76;font-weight:800;border-left:5px solid #ffdc2f}.warning{background:#fff8d8;border:1px solid #eadb91;color:#514817}.error{background:#ffe4df;color:#74291d;display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.metric{background:#fff;padding:1.25rem;min-height:135px;display:flex;flex-direction:column}.metric span{color:var(--muted);font-size:.82rem}.metric strong{font-size:1.8rem;margin:auto 0 .35rem}.metric small{font-size:.72rem}section{margin-top:3.5rem}.sectionTitle{margin-bottom:1rem}.sectionTitle h2,section>h2{margin:.15rem 0;font-size:1.55rem}.chart{height:230px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:end}.barCol{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.45rem;font-size:.75rem}.bar{width:min(60px,80%);background:var(--green);border-radius:5px 5px 0 0}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff;text-align:right}th,td{padding:1rem;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child{text-align:left}thead{color:var(--muted);font-size:.75rem}footer{text-align:center;padding:2rem;color:var(--muted);font-size:.75rem}.signin,.state{max-width:560px;margin:12vh auto;background:#fff;padding:clamp(2rem,6vw,4rem);border:1px solid var(--line);border-radius:16px}.signin p{line-height:1.6}.signin button{margin-top:1rem}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboardHeader{align-items:start}.app nav span{display:none}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.dashboardHeader,.sectionTitle{display:block}.dashboardHeader label{margin-top:1.5rem}.app main{padding-top:2rem}.chart{gap:.2rem;padding:1rem .4rem}.barCol small{font-size:.58rem;writing-mode:vertical-rl}.app nav{padding:0 1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.app{--ink: #191918;--paper: #fff;--canvas: #f4f3ef;--line: #dfded8;--muted: #69675f;--usage: #5648c8;--usage-soft: #efedff;--positive: #20875d;--positive-soft: #e6f5ed;--attention: #b16b08;--attention-soft: #fff3dc;--danger: #b83d4b;--danger-soft: #fdecef;--brand: #f1cf25;--brand-soft: #fff8cf;--brand-line: #d7b91f;min-height:100vh;color:var(--ink);background:var(--canvas)}.app button,.app select,.app input{font:inherit}.app button{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:none;font-weight:720;transition:border-color .12s ease,background .12s ease,color .12s ease}.app button:hover{transform:none;box-shadow:none;border-color:#aaa79f}.app button:disabled{cursor:progress;opacity:.65}.app button:focus-visible,.app a:focus-visible,.app select:focus-visible,.app input:focus-visible{outline:3px solid #958bee;outline-offset:2px}.app .siteNav{min-height:68px;height:auto;padding:.75rem clamp(1rem,4vw,3rem);gap:1rem;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app .brand{gap:.65rem;color:var(--ink);font-size:1rem;font-weight:820}.app .brand img{width:32px;height:32px;object-fit:contain}.app .account{color:var(--muted);font-size:.8rem}.app .secondary{padding:.5rem .75rem}.app main{width:min(100% - 2rem,1180px);padding:clamp(2rem,5vw,4rem) 0 5rem}.app .dashboardHeader{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;padding:0;background:transparent;border:0;box-shadow:none}.app .dashboardHeader:before,.app .signin:after{content:none}.app .dashboardHeader h1,.app .signin h1{margin:.35rem 0 .65rem;font-size:clamp(2.45rem,5vw,4.25rem);line-height:.98;letter-spacing:-.055em;text-decoration:none;background:linear-gradient(transparent 78%,#f1cf257a 0);width:fit-content}.app .eyebrow{width:fit-content;margin:0;padding:0;color:var(--usage);background:transparent;font-size:.68rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.app .muted,.app small{color:var(--muted)}.app .dashboardHeader .muted{max-width:650px;margin:0}.app label{display:grid;gap:.4rem;color:var(--muted);font-size:.7rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.app select{min-width:150px;padding:.68rem 2.2rem .68rem .75rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:none;font-weight:680}.app input{min-width:145px;padding:.64rem .7rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;font-weight:680}.app .notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;margin:1rem 0;border:1px solid var(--line);border-radius:10px;box-shadow:none}.app .fixture{color:var(--attention);background:var(--attention-soft);border-color:#e9cf9e;font-weight:720}.app .warning{color:var(--attention);background:var(--attention-soft);border-color:#e9cf9e}.app .error{color:var(--danger);background:var(--danger-soft);border-color:#efbcc4}.app .success{color:var(--positive);background:var(--positive-soft);border-color:#bfe4cf}.app .error button{padding:.45rem .7rem;color:var(--danger);border-color:#df9ba5}.app .loading{color:var(--muted);font-size:.85rem}.app section{margin-top:3.5rem}.app section:first-of-type{margin-top:0}.app .sectionTitle,.app .trendHeader{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1.15rem}.app .sectionTitle h2,.app .trendHeader h2{margin:.25rem 0 0;font-size:1.7rem;line-height:1.1;letter-spacing:-.025em;text-decoration:none}.app .sectionTitle small{padding:0;border:0;background:transparent;font-size:.72rem}.app .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;background:transparent;border:0}.app .metricCard{position:relative;min-height:145px;padding:1.15rem;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #1919180a;transform:none}.app .metricCard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--usage)}.app .metricCard:after{content:"";position:absolute;top:-32px;right:-32px;width:76px;height:76px;border-radius:50%;background:var(--usage-soft);pointer-events:none}.app .metricCard[data-tone=payments]:before,.app .metricCard[data-tone=engagement]:before{background:var(--positive)}.app .metricCard[data-tone=payments]:after,.app .metricCard[data-tone=engagement]:after{background:var(--positive-soft)}.app .metricCard[data-tone=storage]:before{background:var(--attention)}.app .metricCard[data-tone=storage]:after{background:var(--attention-soft)}.app .metricCard[data-tone=reliability]:before{background:var(--danger)}.app .metricCard[data-tone=reliability]:after{background:var(--danger-soft)}.app .metricCard span{color:var(--muted);font-size:.72rem;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.app .metricCard strong{display:block;margin:.65rem 0 .35rem;font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.045em}.app .metricCard small{font-size:.7rem;line-height:1.45}.app .trendWorkspace{padding:clamp(1rem,2.5vw,1.5rem);background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:16px;box-shadow:0 8px 24px #1919180b}.app .trendHeader{align-items:start}.app .trendHeader .muted{max-width:580px;margin:.45rem 0 0;font-size:.85rem}.app .chartKind{display:flex;gap:.25rem;padding:.22rem;border:1px solid var(--line);border-radius:11px;background:var(--canvas)}.app .toggleButton{padding:.48rem .72rem;border:0;background:transparent;font-size:.76rem}.app .toggleButton[aria-pressed=true]{color:var(--ink);background:var(--brand-soft);box-shadow:0 1px 3px #19191812,inset 0 0 0 1px var(--brand-line)}.app .categoryTabs{display:flex;gap:.35rem;padding-bottom:1rem;overflow-x:auto}.app .categoryTabs button{padding:.55rem .8rem;white-space:nowrap;color:var(--muted);background:transparent;border-color:transparent;font-size:.78rem}.app .categoryTabs button[aria-pressed=true]{color:var(--usage);background:var(--usage-soft);border-color:#d8d3ff}.app .categoryTabs button[data-category=monetization][aria-pressed=true]{color:var(--positive);background:var(--positive-soft);border-color:#bfe4cf}.app .categoryTabs button[data-category=operations][aria-pressed=true]{color:var(--attention);background:var(--attention-soft);border-color:#ead1a2}.app .metricControl{display:flex;justify-content:flex-end;margin-bottom:.4rem}.app .metricControl select{min-width:230px}.app .chartCanvas{position:relative;min-height:340px;margin:.2rem -.35rem 0}.app .chartCanvas svg{display:block;width:100%;height:auto;overflow:visible}.app .gridLine{stroke:#deddd7;stroke-dasharray:3 5}.app .axisLabel{fill:var(--muted);font-size:11px}.app .chartHitArea{fill:transparent;cursor:crosshair}.app .chartHitArea:focus{outline:none;stroke:var(--usage);stroke-width:2;stroke-dasharray:3 4}.app .chartLegend{display:flex;justify-content:flex-end;gap:1rem;padding:.25rem 1rem 0;color:var(--muted);font-size:.72rem}.app .chartLegend span{display:inline-flex;align-items:center;gap:.35rem}.app .chartLegend i{width:8px;height:8px;border-radius:50%}.app .emptyChart{display:grid;place-items:center;min-height:300px;color:var(--muted);text-align:center}.app .chartTooltip{position:absolute;z-index:2;top:1rem;min-width:170px;padding:.75rem;transform:translate(-50%);pointer-events:none;background:#fffffff7;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #19191818;font-size:.75rem}.app .chartTooltip>strong{display:block;margin-bottom:.5rem}.app .chartTooltip>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;margin-top:.35rem}.app .tooltipDot{width:8px;height:8px;border-radius:50%}.app .dataNote{display:flex;gap:.65rem;margin-top:1rem;padding:.8rem 1rem;color:var(--muted);background:transparent;border-left:3px solid var(--attention);font-size:.78rem}.app .dataNote strong{color:var(--ink)}.app .refreshButton{padding:.7rem .95rem;color:var(--usage);border-color:#cbc6f2}.app .analyticsTabs{display:flex;gap:.25rem;margin-bottom:1rem;padding:.35rem;overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:13px}.app .analyticsTabs button{flex:1 0 auto;padding:.62rem .8rem;color:var(--muted);background:transparent;border-color:transparent;font-size:.78rem}.app .analyticsTabs button[aria-current=page]{color:var(--ink);background:var(--brand-soft);border-color:var(--brand-line);box-shadow:inset 0 -3px var(--brand)}.app .rangeBar{display:flex;align-items:end;gap:.7rem;margin-top:0;padding:.85rem;background:var(--paper);border:1px solid var(--line);border-radius:13px}.app .rangeBar .presets{display:flex;gap:.25rem;margin-right:auto}.app .rangeBar .presets button{padding:.58rem .62rem;font-size:.7rem}.app .rangeBar .presets button[aria-pressed=true]{color:var(--ink);background:var(--brand-soft);border-color:var(--brand-line);box-shadow:inset 0 -3px var(--brand)}.app .granularityControl{margin:0;padding:0;border:0}.app .granularityControl legend{margin-bottom:.4rem;padding:0;color:var(--muted);font-size:.7rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.app .granularityControl>div{display:flex;gap:.2rem;padding:.2rem;background:var(--canvas);border:1px solid var(--line);border-radius:10px}.app .granularityControl button{padding:.44rem .55rem;color:var(--muted);background:transparent;border-color:transparent;font-size:.7rem}.app .granularityControl button[aria-pressed=true]{color:var(--ink);background:var(--brand-soft);border-color:var(--brand-line);box-shadow:0 1px 3px #19191812}.app .breakdownGrid,.app .segmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.app .breakdownCard,.app .segmentTable{padding:1rem;background:var(--paper);border:1px solid var(--line);border-radius:13px}.app .breakdownCard h3,.app .segmentTable h3{margin:0 0 .85rem;font-size:1rem}.app .segmentTable p{margin:-.4rem 0 .9rem;color:var(--muted);font-size:.73rem}.app .breakdownRows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .7rem;align-items:center;padding:.42rem 0;color:var(--muted);font-size:.76rem}.app .breakdownRows strong{color:var(--ink)}.app .breakdownRows i{grid-column:1 / -1;height:4px;overflow:hidden;background:var(--canvas);border-radius:999px}.app .breakdownRows i span{display:block;height:100%;background:var(--usage);border-radius:inherit}.app .tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px;box-shadow:none}.app table{width:100%;color:var(--ink);background:var(--paper)}.app th,.app td{padding:.78rem .9rem;border:0;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.app th:first-child,.app td:first-child{text-align:left}.app tbody tr:last-child th,.app tbody tr:last-child td{border-bottom:0}.app thead{color:var(--muted);background:#f8f7f4;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.app tbody tr:hover{background:#faf9f6}.app footer{color:var(--muted);background:var(--paper);border-top:1px solid var(--line);font-size:.68rem;font-weight:650}.app .signin,.app .state{max-width:560px;margin:10vh auto;padding:clamp(2rem,6vw,3.5rem);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #19191812}.app .signin>button{padding:.75rem 1rem;color:#fff;background:var(--usage);border-color:var(--usage)}@media(max-width:900px){.app .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app main{width:min(100% - 1.25rem,1180px)}.app .dashboardHeader,.app .sectionTitle,.app .trendHeader{align-items:stretch;flex-direction:column}.app .periodControl,.app .periodControl select{width:100%}.app .metrics{grid-template-columns:1fr}.app .metricCard{min-height:125px}.app .chartKind{width:fit-content}.app .metricControl{justify-content:stretch}.app .metricControl label,.app .metricControl select{width:100%}.app .chartCanvas{min-height:285px;margin-inline:-.8rem}.app .dataNote{flex-direction:column}.app .account span{display:none}.app .rangeBar{align-items:stretch;flex-direction:column}.app .rangeBar .presets{width:100%;overflow-x:auto}.app .rangeBar label,.app .rangeBar input,.app .rangeBar select{width:100%}.app .granularityControl>div{width:100%}.app .granularityControl button{flex:1}.app .breakdownGrid,.app .segmentGrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.app *,.app *:before,.app *:after{transition:none!important;animation:none!important}}