*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:62px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 760px)/2));position:sticky;top:0;z-index:5}header a{text-decoration:none;color:#111827}.brand{font-weight:900;font-size:24px}main{max-width:760px;margin:auto;padding:24px 16px 100px}.hero{text-align:center;padding:11vh 8px}.hero h1{font-size:clamp(38px,8vw,64px);margin:20px 0 14px}.hero p,.muted{color:#6b7280}.coin{width:82px;height:82px;border-radius:24px;background:#111827;color:#fff;display:grid;place-items:center;font-size:42px;font-weight:800;margin:auto}.card,.summary{background:#fff;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 8px 30px #1118270a}.auth{max-width:460px;margin:7vh auto}.auth h1,.card h1,.card h2{margin-top:0}.btn{display:block;width:100%;border:0;border-radius:14px;background:#111827;color:#fff;padding:15px 18px;font-weight:800;font-size:16px;text-align:center;text-decoration:none;cursor:pointer;margin-top:16px}.btn.secondary{background:#eef0f4;color:#111827}.linkbtn{display:block;margin-top:18px;color:#111827}label{display:block;font-weight:700;margin:14px 0 7px}input,select{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;margin-top:7px;background:#fff}.amount{font-size:30px;font-weight:800}.flash{padding:12px 14px;border-radius:12px;background:#fff3cd;margin-bottom:15px}.eyebrow{font-size:13px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.budget-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.budget-head span{font-size:12px;color:#6b7280;font-weight:800}.summary h1{font-size:46px;margin:5px 0 18px}.summary h1 small{font-size:18px;color:#6b7280}.battery{height:24px;border:3px solid #111827;border-radius:8px;padding:3px;position:relative;margin-right:7px}.battery:after{content:"";position:absolute;right:-9px;top:5px;width:6px;height:10px;border-radius:0 3px 3px 0;background:#111827}.battery-fill{height:100%;min-width:0;background:#111827;border-radius:3px;transition:width .35s}.budget-meta{display:flex;justify-content:space-between;margin:9px 0 18px;font-size:13px}.budget-meta span{color:#6b7280}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{background:#f5f7fb;padding:14px;border-radius:14px}.stats span,.stats b{display:block}.stats span{font-size:13px;color:#6b7280;margin-bottom:4px}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.cat{margin:0}.cat input{display:none}.cat span{border:1px solid #e5e7eb;border-radius:14px;min-height:78px;display:grid;place-items:center;padding:8px}.cat i{font-style:normal;font-size:25px}.cat small{font-size:11px;font-weight:800}.cat input:checked+span{border:2px solid #111827;background:#f3f4f6}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head a{color:#111827}.expense{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eee}.expense>div:nth-child(2){flex:1}.expense small,.member small{display:block;color:#6b7280;margin-top:3px}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#eef0f4;font-weight:900}.trash{border:0;background:#f3f4f6;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.bottom a{width:min(25%,190px);padding:9px 4px 8px;text-align:center;text-decoration:none;color:#111827;font-size:20px}.bottom span{display:block;font-size:10px;font-weight:700;margin-top:2px}.mini{border:0;background:#eef0f4;color:#111827;border-radius:10px;padding:8px 12px;font-weight:800;text-decoration:none;cursor:pointer}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters label{margin:0}.filters .btn{grid-column:1/-1}.compact h1{margin-bottom:0}.category-row,.member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.category-row b,.member>div:nth-child(2){flex:1}.big-icon{font-size:25px;width:38px;text-align:center}.pill{border:0;border-radius:99px;padding:8px 13px;font-weight:800;background:#e5e7eb}.pill.on{background:#111827;color:#fff}.two{display:grid;grid-template-columns:100px 1fr;gap:12px}.invite{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#f5f7fb;border-radius:14px;padding:14px}.invite strong{letter-spacing:.12em}.hint{font-size:13px;color:#6b7280}.danger-link{color:#b42318;font-weight:800;text-decoration:none}hr{border:0;border-top:1px solid #eee;margin:20px 0}@media(max-width:520px){main{padding:14px 12px 92px}.card,.summary{border-radius:19px;padding:17px}.summary h1{font-size:36px}.cats{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.budget-meta{font-size:12px}.invite{grid-template-columns:1fr auto}.invite .mini{grid-column:1/-1}.hero{padding-top:8vh}}

/* Top navigation */
.topbar{height:76px;gap:20px}.top-nav{display:flex;align-items:stretch;gap:6px;margin-left:auto}.top-nav a{min-width:92px;padding:8px 10px;border-radius:14px;text-align:center;transition:background .15s,transform .15s}.top-nav a:hover{background:#f4f6fa;transform:translateY(-1px)}.top-nav b{display:block;font-size:25px;line-height:28px}.top-nav span{display:block;font-size:11px;font-weight:800;margin-top:3px}.bottom{display:none}main{padding-bottom:40px}
@media(max-width:700px){.topbar{height:auto;min-height:70px;padding:8px 12px;align-items:center}.brand{font-size:21px}.top-nav{gap:1px}.top-nav a{min-width:58px;padding:6px 4px}.top-nav b{font-size:21px}.top-nav span{font-size:9px}.top-nav a:nth-child(3) span{font-size:8px}main{padding-bottom:30px}}
@media(max-width:430px){.brand{font-size:18px}.top-nav a{min-width:50px}.top-nav span{display:none}.top-nav b{font-size:23px}}

/* Budget progress colors */
.battery-fill.budget-green{background:#22c55e}.battery-fill.budget-orange{background:#f59e0b}.battery-fill.budget-red{background:#ef4444}


/* Money background: public/auth pages only */
body.money-bg{
  min-height:100vh;
  background:url("/static/images/money-bg.webp?v=2") center center / cover fixed no-repeat;
}
body.money-bg .topbar{
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.money-bg .auth,
body.money-bg .hero{
  position:relative;
  z-index:1;
}
body.money-bg .auth{
  background:rgba(255,255,255,.94);
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 55px rgba(17,24,39,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.money-bg .hero{
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
  background:rgba(255,255,255,.78);
  border-radius:28px;
  padding:48px 28px;
  box-shadow:0 18px 55px rgba(17,24,39,.14);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:700px){
  body.money-bg{
    background-attachment:scroll;
    background-position:center center;
  }
  body.money-bg main{padding-top:20px}
  body.money-bg .auth{margin:2vh auto;padding:18px}
  body.money-bg .hero{margin-top:3vh;padding:38px 18px}
}