:root{color-scheme:light;--ink:#191d1a;--muted:#606962;--line:#dce1dc;--green:#14664e;--gold:#846b3f;--ground:#f7f9f7;--serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--ground);color:var(--ink);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,fieldset:disabled button{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #147b5d;outline-offset:4px}h1,h2,h3,p,dl,dd{margin:0}h1{font:400 32px/1.2 var(--serif)}h2{font-size:16px;font-weight:600}h3{font-size:17px;font-weight:600}small{font-size:12px}[hidden]{display:none!important}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted);font-size:12px}.gold{color:var(--gold)}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#171a18;color:#d0d7d0;padding:31px 23px;display:flex;flex-direction:column}.wordmark{font:400 28px/1 var(--serif);color:#f6f4ef;white-space:nowrap}.wordmark span{color:#c2ae86}.workspace{display:flex;align-items:center;gap:11px;border-top:1px solid #384039;padding-top:26px;margin:29px 0 26px;font-size:12px}.workspace small{display:block;color:#a8b1a9;font-size:10px;margin-top:3px}.workspace-mark{width:31px;height:34px;display:grid;place-items:center;border:1px solid #647066;border-radius:4px;color:#d4c4a5;font:20px var(--serif)}nav{display:grid;gap:6px}nav a{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 12px;margin:0 -12px;border-radius:4px;color:#b5beb6}nav a:hover{background:#242b26;color:white}nav a[aria-current]{background:#2c342e;color:#eadbb9}nav .icon{width:17px;height:17px}.sidebar-foot{margin-top:auto;padding-top:24px;border-top:1px solid #384039;font-size:12px}.sidebar-foot small{display:block;color:#a8b1a9;font-size:10px;margin-top:6px}.dot{display:inline-block;width:6px;height:6px;background:#c2ae86;border-radius:50%;margin-right:8px}
.shell{margin-left:220px;min-width:0}.topbar{min-height:65px;padding:16px 36px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px}.topbar strong{font-weight:500;color:var(--ink)}.sample-label{font-size:11px;color:#705726;background:#f4efdf;border:1px solid #e3d8b7;padding:4px 8px;border-radius:3px;white-space:nowrap}main{max-width:1520px;padding:32px 36px;margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;color:var(--muted);margin-bottom:7px}.period{text-align:right;font-size:12px}.period small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:32px}.summary>div{padding:0 24px;min-width:0}.summary>div:first-child{padding-left:0}.summary>div+div{border-left:1px solid var(--line)}.summary p{font-size:12px;color:var(--muted)}.summary strong{font-size:30px;line-height:1.4;font-weight:500;display:block;font-variant-numeric:tabular-nums;margin:5px 0}.summary small{display:block;color:var(--muted);font-size:11px}.summary #remaining{color:var(--green)}.summary #remaining.over{color:#a03831}
.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:28px;align-items:start}.subscriptions{min-width:0}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.provider-grid{display:grid;grid-template-columns:1fr;gap:14px}.provider{--provider:var(--gold);border:1px solid var(--line);background:white;border-radius:5px;padding:20px;min-width:0}.provider.chatgpt{--provider:var(--green)}.provider header{display:flex;align-items:center;gap:12px;margin-bottom:19px}.provider-mark{display:grid;place-items:center;width:37px;height:37px;flex:none;background:#f1eee6;border-radius:5px;color:var(--provider)}.chatgpt .provider-mark{background:#eaf3ee}.provider header p{font-size:11px;color:var(--muted)}.sample-tag{margin-left:auto;font-size:9px;color:var(--muted);border:1px solid var(--line);padding:2px 5px;border-radius:3px}.usage-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px}.usage-label small{font-size:10px;color:var(--muted)}.usage-label strong{color:var(--provider);font-variant-numeric:tabular-nums}.meter{height:5px;background:#edf0ec;overflow:hidden;border-radius:2px}.meter span{display:block;background:var(--provider);height:100%;transform-origin:left;transition:transform .3s}.allocation{display:flex;justify-content:space-between;gap:14px;margin-top:18px;font-size:10px;color:var(--muted)}.allocation>span:last-child{text-align:right}.allocation strong{display:block;color:var(--ink);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:4px}.balance{border-top:1px solid var(--line);padding-top:12px;margin-top:13px;color:var(--provider);font-size:11px;font-variant-numeric:tabular-nums}.balance.over{color:#a03831}.data-note{font-size:11px;color:var(--muted);margin:12px 0 25px}
.budget-tool{background:#fff;border:1px solid #c9d1c8;border-radius:5px;padding:22px;min-width:0}.budget-tool .section-heading{margin-bottom:24px}.budget-tool .icon{color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:12px;font-weight:500}input,select{min-width:0;max-width:100%;border:1px solid #aab6ab;border-radius:3px;background:white;color:var(--ink);min-height:42px;padding:8px 10px}.money-input{display:flex;align-items:center;gap:10px;margin-top:8px;border:1px solid #aab6ab;border-radius:3px;padding-left:12px;background:white}.money-input span{font-size:10px;color:var(--muted)}.money-input input{border:0;width:100%;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;padding:8px;min-height:48px;background:none}.field-hint{font-size:10px;color:var(--muted);margin-top:7px}.split-label{display:flex;justify-content:space-between;margin-top:25px}.split-label output{color:var(--gold)}input[type=range]{display:block;width:100%;min-height:28px;padding:0;margin:12px 0 6px;accent-color:#756345;border:0}.split-values{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:15px}.split-values b{display:block;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;margin-top:2px}.split-values span:last-child{text-align:right}.cost-breakdown{margin-top:26px;border-top:1px solid var(--line);padding-top:13px;font-size:11px}.cost-breakdown div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.cost-breakdown dd{font-weight:500;font-variant-numeric:tabular-nums}.cost-breakdown .total-row{border-top:1px solid var(--line);padding-top:15px;margin-top:8px;font-size:14px}.form-actions{display:flex;gap:8px;margin-top:22px}.primary{border:1px solid #171a18;background:#171a18;color:white;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;flex:1;font-size:12px}.primary:hover{background:#323d34}.primary .icon{color:#d5c197;width:16px}.icon-button{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid #aab6ab;border-radius:4px;color:var(--ink);background:white;position:relative}.icon-button:hover{background:#edf2ed}.form-status{font-size:10px;color:var(--muted);margin-top:12px;min-height:32px}.form-status.warn{color:#a03831}
.spend-chart{border-top:1px solid var(--line);padding-top:23px}.spend-chart .section-heading{margin-bottom:10px}.legend{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-bottom:17px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:1px}.claude-key{background:var(--gold)}.chatgpt-key{background:var(--green)}.chart-plot{display:flex;height:134px;gap:15px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--muted);width:27px;flex:none}.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;flex:1;min-width:0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#e5e9e3 calc(50% - 1px),#e5e9e3 50%)}.bar{height:100%;flex:1;max-width:38px;position:relative;display:flex;align-items:flex-end}.bar>span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleY(var(--value));transform-origin:bottom;border-radius:2px 2px 0 0}.bar.chatgpt>span{background:var(--green)}.chart-dates{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:8px 0 0 42px}
.activity-filters{display:flex;gap:16px;align-items:end;margin:22px 0}.activity-filters select,.activity-filters input{display:block;margin-top:6px}.activity-filters p{margin-left:auto;font-size:12px;color:var(--muted);padding-bottom:10px}.table-wrap{width:100%}table{border-collapse:collapse;width:100%;table-layout:fixed;background:white;font-size:12px}th{text-align:left;font-weight:500;color:var(--muted);background:#f0f3ee}th,td{border-bottom:1px solid var(--line);padding:15px 16px;overflow-wrap:anywhere}th:nth-child(1){width:100px}th:nth-child(2){width:110px}th:nth-child(4){width:110px}.numeric{text-align:right;font-variant-numeric:tabular-nums}.service-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:var(--gold)}.service-dot.chatgpt{background:var(--green)}.empty{text-align:center;padding:45px 15px;background:white;border-bottom:1px solid var(--line);color:var(--muted)}.page-foot{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:34px;padding-top:20px;font-size:10px;color:var(--muted)}.notice{padding:12px;border:1px solid var(--line);margin-bottom:20px}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip-path:none;background:white;padding:10px;z-index:10}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);right:0;padding:5px 8px;background:#171a18;color:white;font-size:10px;white-space:nowrap;border-radius:3px;opacity:0;pointer-events:none;z-index:5}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1}
.activity-filters select{height:42px}
@media(min-width:1450px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-layout{grid-template-columns:minmax(0,1fr) 330px}.provider{padding:22px}.spend-chart{margin-top:28px}.chart-plot{height:210px}}
@media(max-width:1150px){.sidebar{width:195px;padding:29px 18px}.shell{margin-left:195px}.wordmark{font-size:25px}main{padding:28px}.topbar{padding:16px 28px}.overview-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.budget-tool{padding:18px}.summary>div{padding:0 17px}.summary strong{font-size:26px}}
@media(max-width:900px){.sidebar{position:static;width:100%;padding:18px 24px;display:grid;grid-template-columns:1fr auto;gap:18px}.workspace,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:16px;align-items:center}.sidebar nav a{margin:0;padding:7px 10px;min-height:38px;font-size:12px}.sidebar nav .icon{width:16px;height:16px}.shell{margin:0}.topbar{min-height:52px;padding:13px 24px}main{padding:25px 24px}.overview-layout{grid-template-columns:minmax(0,1fr) 280px}.page-heading{margin-bottom:24px}h1{font-size:29px}.summary{margin-bottom:25px}}
@media(max-width:650px){.sidebar{padding:20px;gap:17px;grid-template-columns:1fr}.wordmark{font-size:27px}.sidebar nav{gap:14px}.sidebar nav a{margin-left:-10px}.topbar{padding:12px 20px;flex-wrap:wrap;gap:8px;font-size:10px}.sample-label{font-size:9px}main{padding:23px 20px}.page-heading{align-items:start;gap:12px}.period{font-size:10px;max-width:110px}.period small{font-size:9px}h1{font-size:27px}.eyebrow{font-size:9px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0;gap:18px}.summary>div{padding:0 14px}.summary>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px}.summary>div:nth-child(3) strong{grid-column:2;grid-row:1/3;margin:0}.summary p{font-size:11px}.summary strong{font-size:25px}.summary small{font-size:10px}.overview-layout{grid-template-columns:1fr;gap:27px}.provider-grid{grid-template-columns:1fr}.provider{padding:20px}.budget-tool{padding:22px}.chart-plot{height:140px}.page-foot{flex-direction:column;gap:5px}.activity-filters{flex-wrap:wrap;gap:12px}.activity-filters label{flex:1;min-width:110px}.activity-filters input,.activity-filters select{width:100%}.activity-filters p{width:100%;padding:0;margin:0}th,td{padding:12px 8px;font-size:10px}th:nth-child(1){width:62px}th:nth-child(2){width:74px}th:nth-child(4){width:70px}.service-dot{display:none}}
@media(max-width:360px){main{padding:20px 16px}.sidebar{padding:18px 16px}.topbar{padding:11px 16px}.page-heading{display:block}.period{text-align:left;max-width:none;margin-top:12px}.period small{display:inline;margin-left:9px}.summary strong{font-size:22px}.provider{padding:16px}.budget-tool{padding:18px}.provider header{gap:9px}.provider header p{font-size:10px}.sample-tag{font-size:8px}.summary>div:nth-child(3) small{max-width:160px}}
@media(max-width:650px){.summary #remaining.long-value{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}