:root{
  --bg:#081018;
  --bg-raised:#0d1822;
  --panel:#101c27;
  --panel-hi:#142633;
  --line:#243844;
  --line-soft:#172a35;
  --text:#f1f8f7;
  --muted:#91a9ad;
  --muted-2:#61777e;
  --teal:#75d0c2;
  --teal-strong:#43b7aa;
  --teal-dim:#255b59;
  --yellow:#e9c46a;
  --red:#e47b72;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 20px 50px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;background:
  linear-gradient(rgba(117,208,194,.027) 1px,transparent 1px),
  linear-gradient(90deg,rgba(117,208,194,.027) 1px,transparent 1px),
  radial-gradient(circle at 86% -8%,#1b3e4b 0,transparent 31rem),
  var(--bg);background-size:44px 44px,44px 44px,auto,auto;background-position:center top}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,16,24,0) 0%,rgba(8,16,24,.3) 75%,rgba(8,16,24,.85) 100%);z-index:-1}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}
.app-shell{width:min(1180px,100%);margin:0 auto;padding:0 22px 108px}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(117,208,194,.12);background:rgba(8,16,24,.82);backdrop-filter:blur(18px)}
.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{font:600 22px/1 var(--mono);letter-spacing:-.1em;color:var(--teal);text-shadow:0 0 22px rgba(117,208,194,.2)}.brand-mark span{color:var(--muted-2);letter-spacing:0}.brand-subtitle{margin:2px 0 0;color:var(--muted);font-size:11px}.eyebrow,.panel-kicker,.metric-label,.data-tag,.column-label{margin:0;color:var(--muted-2);font:500 10px/1.2 var(--mono);letter-spacing:.14em}.local-badge,.risk-chip,.data-tag,.count-badge{border:1px solid var(--line);background:rgba(15,29,39,.75);padding:6px 9px;color:var(--muted);font:500 10px/1 var(--mono);letter-spacing:.05em}.local-badge{border-color:#2b6d66;color:var(--teal)}.local-badge i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(117,208,194,.1),0 0 10px var(--teal)}
.view{display:none;padding-top:46px}.view.active{display:block}.hero-block{position:relative;display:flex;align-items:end;justify-content:space-between;gap:40px;min-height:320px;padding:36px 0 34px;border-bottom:1px solid var(--line-soft)}.hero-block:before{content:"";position:absolute;right:4%;top:28px;width:190px;height:190px;border:1px solid rgba(117,208,194,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(117,208,194,.018),0 0 0 38px rgba(117,208,194,.012);pointer-events:none}.hero-block:after{content:"01";position:absolute;right:38px;top:98px;color:rgba(117,208,194,.12);font:500 96px/1 var(--mono);letter-spacing:-.12em;pointer-events:none}h1,h2,p{margin-top:0}h1{position:relative;max-width:820px;margin:12px 0 18px;color:var(--text);font-size:clamp(42px,7vw,78px);font-weight:700;line-height:.98;letter-spacing:-.075em}h1 span{color:var(--teal)}h2{margin:5px 0 0;font-size:25px;line-height:1.08;letter-spacing:-.045em}.accent{color:var(--teal)}.hero-copy,.page-intro>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:16px;line-height:1.65}.hero-note{position:relative;z-index:1;min-width:250px;border-left:2px solid var(--teal-dim);padding:14px 0 14px 17px;color:var(--teal);font-size:12px;background:linear-gradient(90deg,rgba(117,208,194,.04),transparent)}.hero-note strong,.hero-note small{display:block}.hero-note small{margin-top:5px;color:var(--muted);font-size:11px}.signal-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.metric-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin:20px 0 62px}.metric-card,.panel,.quick-action,.notice-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,38,51,.9),rgba(10,20,29,.96));box-shadow:var(--shadow)}.metric-card{position:relative;min-height:136px;padding:20px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-30px;bottom:-42px;width:130px;height:130px;border:1px solid rgba(117,208,194,.08);border-radius:50%}.primary-metric{border-color:#2d756d;background:linear-gradient(135deg,#12322f,#0e1c26)}.metric-label{color:var(--muted-2)}.metric-value{position:relative;z-index:1;margin-top:17px;color:var(--teal);font:500 34px/1 var(--mono);letter-spacing:-.09em}.metric-value.small{font-size:25px;color:var(--text)}.metric-foot{margin-top:12px;color:var(--muted-2);font-size:11px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 15px}.section-heading.compact{margin-top:52px}.section-index{color:var(--muted-2);font:500 12px var(--mono)}.text-button{padding:4px 0;border:0;background:none;color:var(--teal);font-size:12px}.panel{padding:23px;margin:0 0 15px}.budget-topline,.budget-number-row,.panel-header,.form-actions,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.budget-topline{align-items:start}.budget-topline p{margin:5px 0 0;color:var(--muted);font:11px var(--mono)}.risk-chip.safe{border-color:#2d6a62;color:var(--teal)}.risk-chip.caution{border-color:#665a35;color:var(--yellow)}.risk-chip.danger{border-color:#713d3d;color:var(--red)}.budget-number-row{margin:23px 0 9px;color:var(--muted);font:11px var(--mono)}.budget-number-row strong{color:var(--text);font-size:18px}.progress-track{height:8px;overflow:hidden;background:#192a34}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--teal-strong),var(--teal));box-shadow:0 0 14px rgba(117,208,194,.3);transition:width .35s ease}.progress-fill.warn{background:var(--yellow);box-shadow:none}.progress-fill.danger{background:var(--red);box-shadow:none}.budget-form-row,.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin-top:19px}.form-grid.two{grid-template-columns:1fr 1fr}.budget-form-row label,.form-grid label,.stack-form>label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}input,select,textarea{width:100%;padding:12px 13px;outline:none;border:1px solid var(--line);border-radius:3px;color:var(--text);background:#0b151e;transition:border-color .2s,box-shadow .2s,background .2s}input:hover,select:hover,textarea:hover{background:#0d1923}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(117,208,194,.1)}textarea{min-height:80px;resize:vertical}.button{padding:11px 16px;border:1px solid transparent;border-radius:3px;white-space:nowrap;font-size:12px;font-weight:600;transition:transform .16s,filter .16s,background .16s}.button:hover,.quick-action:hover{transform:translateY(-2px);filter:brightness(1.07)}.button:active,.quick-action:active{transform:translateY(0)}.button.primary{border-color:var(--teal);background:var(--teal);color:#08211f}.button.outline{border-color:#417a74;background:transparent;color:var(--teal)}.button.danger{border-color:#6a3c3b;background:transparent;color:var(--red)}.button.full{width:100%;margin-top:17px}.microcopy{margin:13px 0 0;color:var(--muted-2);font-size:11px;line-height:1.55}.warning-text{color:#bda467}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-action{display:flex;align-items:center;gap:11px;min-height:72px;padding:16px;text-align:left;color:var(--text);border-radius:3px}.quick-action>span:nth-child(2){flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:13px}.quick-action small{margin-top:4px;color:var(--muted);font-size:11px}.quick-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #2f7069;background:#17332f;color:var(--teal);font:500 16px var(--mono)}.arrow{color:var(--muted-2)}
.page-intro{padding-bottom:28px;border-bottom:1px solid var(--line-soft)}.page-intro h1{margin-bottom:13px;font-size:clamp(43px,7vw,68px)}.panel-header{align-items:start;margin-bottom:18px}.panel-header h2{font-size:21px}.data-tag{color:var(--teal);border-color:#2b5b55}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form .form-grid{margin-top:0}.optional{color:var(--muted-2);font:10px var(--mono)}.form-actions{justify-content:flex-start;margin-top:3px}.form-hint{color:var(--muted-2);font-size:11px}.icon-button{width:35px;height:35px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:23px;line-height:1}.icon-button:hover{color:var(--teal);border-color:var(--teal)}.hidden{display:none!important}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px;border:1px solid var(--line-soft);background:rgba(14,26,36,.8)}.activity-main strong,.activity-main small{display:block}.activity-main strong{font-size:13px}.activity-main small{margin-top:4px;color:var(--muted);font-size:11px}.muted-inline{margin-left:5px;color:var(--muted-2);font:10px var(--mono)}.activity-side{text-align:right}.activity-side strong{display:block;color:var(--text);font:500 14px var(--mono)}.activity-side small{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.item-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.mini-button{padding:0 0 0 8px;border:0;background:transparent;color:var(--muted);font-size:11px}.mini-button:hover{color:var(--teal)}.empty-state{padding:42px 18px;border:1px dashed #2a414c;text-align:center;color:var(--muted);background:rgba(11,22,31,.38)}.empty-state p{margin:10px 0 3px;color:var(--text);font-size:13px}.empty-state small{color:var(--muted-2);font-size:11px}.empty-icon{color:var(--teal-dim);font:24px var(--mono)}
.result-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;border:1px solid var(--line)}.result-grid>div{padding:16px;border-right:1px solid var(--line)}.result-grid>div:last-child{border-right:0}.result-grid span,.ev-result span{display:block;color:var(--muted-2);font:10px var(--mono);letter-spacing:.09em}.result-grid strong{display:block;margin-top:10px;color:var(--teal);font:500 17px var(--mono);word-break:break-word}.ev-result{margin-top:17px;padding:18px;border-left:3px solid var(--teal);background:linear-gradient(90deg,#112a2d,#101d27)}.ev-result strong{display:block;margin:8px 0;color:var(--teal);font:500 25px var(--mono)}.ev-result small{color:var(--muted);font-size:11px}.number-output{min-height:90px;margin-top:17px;padding:14px;border:1px solid var(--line);color:var(--muted);font-size:12px}.line-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--line-soft)}.line-row:last-child{border-bottom:0}.line-label{width:42px;color:var(--muted-2);font:10px var(--mono)}.number-chip{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#07201d;font:500 12px var(--mono);box-shadow:0 0 0 3px rgba(117,208,194,.06)}.frequency-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.column-label{display:block;margin-bottom:9px}.column-label.hot{color:var(--teal)}.column-label.cold{color:var(--yellow)}.mini-list{color:var(--muted);font:11px/2 var(--mono)}.mini-list strong{color:var(--text)}.group-list{display:flex;flex-direction:column;gap:11px}.group-card{padding:17px;border:1px solid var(--line);background:rgba(14,26,36,.84)}.group-card-top{display:flex;justify-content:space-between;gap:12px}.group-card h3{margin:0;font-size:15px}.group-card small{color:var(--muted);font-size:11px}.group-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;padding:12px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.group-meta span{color:var(--muted-2);font:10px var(--mono)}.group-meta strong{display:block;margin-top:4px;color:var(--text);font-size:12px}.member-list{display:flex;flex-wrap:wrap;gap:6px}.member-pill{padding:5px 8px;border:1px solid var(--line);color:var(--muted);font-size:11px}.member-pill.paid{border-color:#2e5b56;color:var(--teal)}.member-pill.unpaid{border-color:#5e5332;color:var(--yellow)}.payout-list{margin-top:13px;color:var(--muted);font-size:11px}.payout-list>strong{color:var(--text)}.payout-list div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-soft)}.payout-list div strong{color:var(--teal);font:11px var(--mono)}
.notice-card{display:flex;gap:13px;margin-top:15px;padding:17px;border-color:#625331;background:linear-gradient(100deg,#242014,#17191b);color:#e7d9b2}.notice-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--yellow);color:var(--yellow);font:15px var(--mono)}.notice-card strong{font-size:13px}.notice-card p{margin:4px 0 0;color:#baac86;font-size:12px}.link-list{border:1px solid var(--line)}.link-list a{display:flex;justify-content:space-between;padding:16px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line-soft);font-size:13px}.link-list a:last-child{border-bottom:0}.link-list a:hover{color:var(--teal);background:rgba(117,208,194,.035)}.link-list b{color:var(--teal);font:14px var(--mono)}.file-button{position:relative;display:inline-flex;align-items:center;overflow:hidden}.file-button input{position:absolute;inset:0;padding:0;opacity:0;cursor:pointer}.footer-disclaimer{max-width:650px;margin:32px auto;color:var(--muted-2);font-size:10px;text-align:center}
.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:min(100%,1180px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:9px 13px calc(9px + env(safe-area-inset-bottom));border:1px solid var(--line);background:rgba(8,16,24,.92);backdrop-filter:blur(20px);transform:translateX(-50%)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border:0;background:transparent;color:var(--muted-2)}.nav-item span{font:18px/1 var(--mono)}.nav-item small{font-size:10px}.nav-item.active{color:var(--teal)}.toast{position:fixed;left:50%;bottom:86px;z-index:30;padding:10px 15px;border:1px solid #8bcfc3;background:#e1f6f1;color:#08201e;font-size:12px;box-shadow:0 14px 35px rgba(0,0,0,.3);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){.app-shell{padding:0 42px 72px}.topbar{height:88px}.view{padding-top:34px}.bottom-nav{position:sticky;left:auto;bottom:auto;width:100%;margin:0 auto 8px;padding:12px 0;border-width:0 0 1px;display:flex;justify-content:flex-start;gap:27px;transform:none;background:transparent;backdrop-filter:none;order:-1}.nav-item{flex-direction:row;gap:6px}.nav-item span{font-size:15px}.hero-block{padding-top:48px}.panel{padding:26px}.metric-card{padding:23px}}
@media(max-width:640px){.app-shell{padding:0 16px 108px}.hero-block{display:block;min-height:0;padding-top:33px}.hero-block:before{right:5px;top:20px;width:130px;height:130px}.hero-block:after{right:12px;top:64px;font-size:66px}.hero-note{margin-top:28px;max-width:310px}.metric-grid{grid-template-columns:1fr 1fr;margin-bottom:42px}.metric-card:first-child{grid-column:1/-1;min-height:141px}.metric-card{padding:17px;min-height:115px}.metric-value{font-size:31px}.budget-form-row,.form-grid,.form-grid.two{grid-template-columns:1fr}.budget-form-row .button{width:100%}.quick-grid{grid-template-columns:1fr}.quick-action{min-height:64px}.panel{padding:17px}.section-heading.compact{margin-top:45px}.page-intro h1{font-size:45px}.group-meta{grid-template-columns:1fr 1fr}.group-meta div:last-child{grid-column:1/-1}.button-row{flex-wrap:wrap}.button-row .button,.button-row .file-button{flex:1;text-align:center}.frequency-columns{gap:12px}h1{font-size:45px}}

/* Authentication and account surfaces */
.account-area{display:flex;align-items:center;gap:9px}.account-button{padding:7px 10px;border:1px solid #3d716c;border-radius:3px;background:rgba(117,208,194,.08);color:var(--teal);font-size:11px;font-weight:600}.account-button:hover{background:rgba(117,208,194,.16)}.account-menu{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 10px;border:1px solid #2d6a62;background:#10252b;color:var(--teal);font-size:11px}.account-menu .mini-button{padding:0;color:var(--muted)}.auth-panel{max-width:680px;margin-top:22px;padding:30px}.auth-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;border:1px solid #3f7771;background:#13302e;color:var(--teal);font:600 14px var(--mono);letter-spacing:-.1em}.auth-mark span{color:var(--muted-2);letter-spacing:0}.auth-panel h2{margin-top:8px;font-size:27px}.panel-copy{max-width:600px;color:var(--muted);font-size:13px;line-height:1.65}.auth-user-card{display:grid;gap:6px;margin-top:20px;padding:16px;border:1px solid #2b6b64;background:linear-gradient(100deg,#12302f,#101c26)}.auth-user-card strong{font-size:16px}.auth-user-card small{color:var(--muted);font-size:11px}.auth-user-card .button{justify-self:start;margin-top:7px}.migration-panel{max-width:680px}.migration-panel .panel-header{align-items:center}.migration-panel .data-tag{white-space:nowrap}.hidden{display:none!important}@media(max-width:640px){.topbar{height:78px}.account-area{gap:5px}.local-badge{padding:6px 7px}.account-button{padding:7px 8px}.account-menu{position:absolute;right:16px;top:65px}.auth-panel{padding:22px}.auth-panel h2{font-size:23px}}

.account-button{white-space:nowrap}
