:root{--g:#16845a;--gd:#0f6b49;--gl:#e3f4ec;--gb:#cfe9dc;--red:#d63a3a;--redl:#fde8e8;--amb:#f59e0b;--ink:#17231f;--mut:#6b7c75;--line:#e6eeea}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;font-size:15px;line-height:1.35;background:#f4f8f6;color:var(--ink);-webkit-font-smoothing:antialiased}
.val,.amt,.bignum,.stat b,.row b,.brow b,.tx b,.bars,.donut b{font-variant-numeric:tabular-nums}
main{max-width:520px;margin:0 auto;padding:16px 16px 100px}
h1{font-size:25px;margin:6px 0 14px;font-weight:800;letter-spacing:-.025em}
h2{font-size:17px;margin:20px 0 10px;font-weight:700;letter-spacing:-.01em}
a{color:var(--g)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.cardtitle{font-weight:700;font-size:16px;margin-bottom:8px;letter-spacing:-.01em}
.lbl{font-size:12.5px;color:var(--mut);font-weight:500}.val{font-size:21px;font-weight:800;margin-top:2px;letter-spacing:-.02em}
.sub{font-size:12px;color:var(--mut)}
.neg{color:var(--red)}.pos{color:var(--g)}.mv{color:#475569}.warnc{color:#b45309}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
a.plain{color:inherit;text-decoration:none}
.only-d{display:none}

/* Page frame: menu on the left for computers */
.app{display:block}.side{display:none}

/* Home layout */
.homegrid{display:grid;gap:10px;margin-bottom:12px;grid-template-columns:1fr 1fr;grid-template-areas:"spend save" "quick quick" "get give" "acc acc" "spent earn"}
.homegrid>*{margin:0;min-width:0}
.a-spend{grid-area:spend}.a-save{grid-area:save}.a-quick{grid-area:quick}.a-get{grid-area:get}.a-give{grid-area:give}.a-acc{grid-area:acc}.a-spent{grid-area:spent}.a-earn{grid-area:earn}
.lowgrid{display:grid;gap:0 14px;grid-template-columns:1fr;grid-template-areas:"latest" "budget" "chart" "donut"}
.a-latest{grid-area:latest}.a-budget{grid-area:budget}.a-chart{grid-area:chart}.a-donut{grid-area:donut}
.dcols>*{min-width:0}
.top2{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:12px}.top2 .card{margin:0}
.card.spend{background:var(--gl);border-color:var(--gb)}.card.save{background:#f1faf6;border-color:var(--gb)}
.bignum{font-size:32px;font-weight:800;margin:6px 0 4px;color:var(--gd);letter-spacing:-.03em}.bignum .neg{color:var(--red)}
.big2{font-size:24px;margin-top:8px}.pig{float:right;font-size:22px}

/* Tiles and stat cards */
.tile{position:relative;border-radius:18px;padding:14px;text-decoration:none;display:flex;flex-direction:column;border:1px solid transparent}
.tile.get{background:var(--gl);color:#14673f;border-color:var(--gb)}.tile.give{background:var(--redl);color:#a32d2d;border-color:#f6cfcf}
.tile .lbl{color:inherit;opacity:.85}.tile .val{color:inherit;font-size:22px}.tile .neg,.tile .pos{color:inherit}
.arr{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}
.arr.up{background:var(--g)}.arr.down{background:var(--red)}
.tile.spent,.tile.earn{flex-direction:row;align-items:center;gap:10px;background:#fff;border-color:var(--line)}
.tile.spent .val{color:var(--red);font-size:18px}.tile.earn .val{color:var(--g);font-size:18px}
.sq{flex:0 0 40px;height:40px;border-radius:12px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--g)}
.tile.spent .sq,.sq.down{background:var(--redl);color:var(--red)}
.statrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.statrow.tight{margin:8px 0}
.stat{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.stat .val{font-size:17px}.stat .sub{font-size:11px}

/* Lists */
.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.row:last-child{border:0}
.row.head{border:0;padding:0 0 8px}
.plainb{color:var(--ink)}.mini{display:inline-block;width:26px;text-align:center}
.seeall{font-size:14px;text-decoration:none;font-weight:600}
.tx,.brow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.tx:last-child,.brow:last-child{border:0}
.tx .ic,.brow .ic{flex:0 0 42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f1f5f4}
.tx .ic.neg{background:var(--redl)}.tx .ic.pos,.brow .ic.pos{background:var(--gl)}
.tx .mid,.brow .mid{flex:1;min-width:0}.tx .t,.brow .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brow .bar{margin:6px 0 4px}
.tx .end{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.tx .amt{font-size:15px;white-space:nowrap}
.tag{font-size:11px;padding:2px 8px;border-radius:8px;background:#eef2f1;color:var(--mut);white-space:nowrap}.tag.neg{background:var(--redl);color:var(--red)}.tag.pos{background:var(--gl);color:var(--g)}
.tx form{margin:0}.x{background:none;border:0;font-size:17px;padding:6px;margin:0;width:auto;cursor:pointer;opacity:.7;color:inherit}
.day{font-size:13px;color:var(--mut);font-weight:700;margin:16px 4px 6px}
.monthbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.monthbar a{text-decoration:none;font-size:22px;padding:4px 14px}.monthbar b{font-size:17px}
.row.acc{gap:12px}.sq2{flex:0 0 42px;height:42px;border-radius:12px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:20px}.row.acc .mid{flex:1}
.accbox{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}.accbox:last-child{border:0;margin:0;padding:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px}.split div{background:#f4f8f6;border-radius:12px;padding:8px 10px}.split .lbl{display:block}.split b{font-size:15px}
.menu{padding:6px 16px}.mrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.mrow:last-child{border:0}.mrow .mid{flex:1}
.steps{padding-left:20px;margin:8px 0;line-height:1.5}
button.ghost{background:#fff;color:var(--ink);border:1px solid var(--gb)}

/* Progress bars */
.bar{height:8px;background:#e8f0ec;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--g);border-radius:99px}
.bar.near i{background:var(--amb)}.bar.over i{background:var(--red)}
.top2 .bar,.card.spend .bar{margin:2px 0 6px}

/* Charts */
.bars{display:flex;gap:6px;align-items:flex-end;height:160px;padding-top:6px}
.bcol{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bcol span{font-size:11px;color:var(--mut);margin-top:6px}
.bpair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.bi,.be{display:block;width:34%;max-width:18px;min-height:3px;border-radius:5px 5px 0 0}.bi{background:var(--g)}.be{background:#f08a8a}
.legend2{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--mut);margin-top:8px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.donutwrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}
.donut{width:150px;height:150px;border-radius:50%;position:relative;flex:0 0 150px}
.donut>div{position:absolute;inset:24px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px}
.donut b{font-size:15px;letter-spacing:-.02em}.donut span{font-size:11px;color:var(--mut)}
.dlegend{flex:1;min-width:140px}.lg{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.lg span{display:flex;align-items:center}

/* Khata */
.person{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.person .mid{flex:1;font-weight:600}.person b{font-size:15px}
.chev{color:#9aa9a2;font-size:24px}.card:last-child .person:last-child{border:0}
.av{flex:0 0 44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.av.c0{background:#dcefe5;color:#16845a}.av.c1{background:#dbe8fb;color:#2563b8}.av.c2{background:#fdebd0;color:#b4690e}.av.c3{background:#f3dcf5;color:#9333a8}.av.c4{background:#fde0e0;color:#c03a3a}
.av.big{flex-basis:60px;height:60px;font-size:26px}
.bighead{display:flex;align-items:center;gap:14px;margin:0 0 14px}.bighead h1{margin:0}
.topbar{display:flex;align-items:center;gap:12px;margin-bottom:6px}.topbar h1{margin:0;flex:1}.back{text-decoration:none;color:var(--ink);font-size:26px;padding:2px 10px 2px 0}
.search{margin-bottom:12px;background:#fff}.searchrow{margin:0}

/* Forms */
label{display:block;font-size:13.5px;color:#44554e;margin:14px 0 6px;font-weight:600}
input,select,textarea{width:100%;padding:13px;border:1px solid #d3e0da;border-radius:12px;font-size:16px;background:#fff;color:var(--ink);font-family:inherit}
input:focus,select:focus{outline:2px solid var(--gb);border-color:var(--g)}
input[type=file]{padding:10px;background:#f4f8f6}
button,.btn{display:inline-block;background:var(--g);color:#fff;border:0;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:700;margin-top:16px;text-decoration:none;cursor:pointer;text-align:center;font-family:inherit}
button.full{width:100%}button.small{padding:8px 12px;font-size:14px;margin:0;border-radius:10px}
.two .btn{margin:0}.btn.alt{background:#fff;color:var(--g);border:1.5px solid var(--g)}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick label{margin-top:4px}
.amtbox{display:flex;align-items:center;justify-content:center;gap:8px;background:#f1f8f4;border-radius:16px;padding:12px;margin:4px 0 6px}
.amtbox span{font-size:22px;color:var(--mut);font-weight:700}
.amtbox input{width:auto;min-width:0;flex:1;max-width:240px;font-size:38px;font-weight:800;text-align:center;border:0;background:transparent;padding:4px}
.amtbox input:focus{outline:0}
.seg,.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#e8f0ec;border-radius:16px;padding:5px;margin-bottom:14px}
.seg.three{grid-template-columns:repeat(3,1fr)}
.seg a{text-align:center;padding:9px 2px;border-radius:12px;color:#44554e;text-decoration:none;font-size:12.5px;font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:44px}
.seg a.on{background:var(--g);color:#fff}
.radios{display:flex;gap:0;background:#eef4f1;border-radius:12px;padding:4px}.rd{flex:1;margin:0;font-weight:400}.rd input{display:none}
.rd span{display:block;text-align:center;padding:12px 6px;border-radius:9px;font-size:15px;color:#44554e}
.rd input:checked+span{background:var(--g);color:#fff;font-weight:700}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cats .rd span{padding:10px 4px;font-size:13px;border:1.5px solid var(--line);background:#fff;border-radius:12px}
.cats .rd b{display:block;font-size:24px;margin-bottom:2px}
.cats .rd input:checked+span{background:var(--gl);color:var(--gd);border-color:var(--g)}
.quickset{display:flex;gap:8px;margin-top:8px}.quickset button{flex:1;margin:0;padding:10px;font-size:14px;background:#eef4f1;color:#44554e;border-radius:10px}
details{margin-top:14px}summary{cursor:pointer;color:var(--g);font-weight:600;padding:6px 0}

/* Messages */
.flash{background:var(--gl);color:#14673f;padding:12px 14px;border-radius:14px;margin-bottom:12px;font-weight:600}
.warn{background:#fef3c7;color:#92400e;padding:12px 14px;border-radius:14px;margin-bottom:12px;font-size:14px}
.pill{font-size:11px;background:#eef2f1;border-radius:10px;padding:2px 8px;color:var(--mut)}
.empty{text-align:center;color:var(--mut);padding:20px 8px;font-size:14px}

/* Login */
.login{max-width:360px;margin:9vh auto 0;padding:0 20px;text-align:center}.login form{text-align:left}
.logo{width:96px;height:96px;margin:0 auto 6px;border-radius:28px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:52px}
.login h1{font-size:34px;margin:6px 0 2px}.tag2{color:var(--mut);margin:0 0 26px}
.pwbox{position:relative}.pwbox input{padding-right:52px}.eye{position:absolute;right:4px;top:3px;margin:0;background:none;color:var(--mut);padding:10px 12px;font-size:18px}

/* Bottom bar (phones) */
nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5}
nav a{flex:1;text-align:center;padding:8px 2px 10px;color:var(--mut);text-decoration:none;font-size:12px}
nav a i{display:block;font-style:normal;font-size:21px;line-height:28px}nav a.on{color:var(--g);font-weight:700}
nav a.plus i{width:30px;height:30px;line-height:29px;margin:0 auto -1px;border-radius:50%;background:var(--g);color:#fff;font-size:24px;font-weight:400}

/* Computer screens: menu on the left, wide pages like the dashboard picture */
@media (min-width:900px){
  .app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
  nav,.only-m{display:none}.only-d{display:block}
  .side{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;padding:20px 14px;background:#fff;border-right:1px solid var(--line)}
  .side .brand{font-size:22px;font-weight:800;letter-spacing:-.02em;padding:4px 10px 18px;display:flex;align-items:center;gap:10px}.side .lg{width:38px;height:38px;border-radius:12px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:20px}
  .side a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#44554e;text-decoration:none;font-weight:600}.side a i{font-style:normal;width:22px;text-align:center}
  .side a:hover{background:#f1f7f4}.side a.on{background:var(--gl);color:var(--gd)}.side a.out{margin-top:auto;color:var(--mut)}
  main{max-width:1120px;width:100%;margin:0;padding:28px 36px 60px}
  .greet h1{font-size:30px;margin:0 0 2px}.greet p{margin:0 0 18px;font-size:14px}
  .homegrid{grid-template-columns:repeat(4,1fr);gap:14px;grid-template-areas:"spend save get give" "quick quick acc acc" "spent spent earn earn"}
  .lowgrid{grid-template-columns:1fr 1fr;grid-template-areas:"chart donut" "latest budget"}
  .dcols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
  .statrow{grid-template-columns:repeat(3,1fr)}
  .card{padding:20px}.bars{height:200px}.donut{width:180px;height:180px;flex-basis:180px}.donut>div{inset:30px}
  .seg{max-width:560px}.seg.three{max-width:420px}
  .top2{max-width:640px}
  .cats{grid-template-columns:repeat(5,1fr)}
  .card form,.search{max-width:100%}
}
@media (min-width:900px){
  /* pages with forms stay narrow so they are easy to read */
  main.pg-add,main.pg-more,main.pg-goals,main.pg-budget,main.pg-import,main.pg-accounts,main.pg-khata,main.pg-history{max-width:720px;margin:0 auto}
}

.chipsrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chipsrow button{margin:0;padding:7px 12px;font-size:13px;font-weight:600;background:#eef4f1;color:#44554e;border-radius:99px}
.chipsrow button:active{background:var(--gl);color:var(--gd)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* line icons (inline SVG) */
.ico{display:inline-block;vertical-align:-4px;flex:none}
.ic .ico,.sq .ico,.sq2 .ico,.arr .ico,.mrow .sq2 .ico{display:block}
.ic,.sq,.sq2{color:#51615b}.ic.pos,.sq{color:var(--g)}.ic.neg,.sq.down,.tile.spent .sq{color:var(--red)}
nav a i,.side a i{display:flex;align-items:center;justify-content:center;font-style:normal}nav a i{height:26px}
nav a.plus i{color:#fff}
.logo{color:var(--g)}.side .lg{color:var(--g)}.pig{color:var(--g);line-height:0}
.x .ico{display:block}.x{display:inline-flex;align-items:center;text-decoration:none;color:#64748b}.x:hover{color:var(--red);opacity:1}
.bk{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;letter-spacing:.02em}
.mini .bk{width:26px;height:26px;border-radius:8px;font-size:9px;display:inline-flex;vertical-align:middle;flex:none}
.sq2 .bk{width:42px;height:42px}.ic.sq2{background:none}
.pwbox button .ico,.search-ico{display:block}
/* statement table */
.tblwrap{padding:4px 6px;overflow-x:auto}
.stmt{width:100%;border-collapse:collapse;font-size:14px}
.stmt th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:700;padding:10px 8px;border-bottom:1px solid var(--line)}
.stmt td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:top}.stmt tr:last-child td{border:0}
.stmt .r{text-align:right}.stmt .nw{white-space:nowrap}.stmt .sub{font-size:12px;margin-top:2px;white-space:normal}
.stmt .act{text-align:right}.stmt .act form{display:inline}.stmt .act .x{margin-left:2px}
.fold summary.cardtitle{cursor:pointer;margin:0;list-style:none}.fold>form,.fold>p{margin-top:12px}
@media (max-width:520px){.stmt{font-size:13px}.stmt th,.stmt td{padding:9px 5px}}
a.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--gb);text-align:center}.btn .ico{vertical-align:-3px;margin-right:4px}
a.btn.full,a.btn.wide{display:block;text-align:center}
.gsteps{display:grid;gap:10px;margin-top:10px}.gsteps div{display:flex;gap:12px;align-items:flex-start}.gsteps b{flex:0 0 26px;height:26px;border-radius:50%;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.gsteps span{font-size:14px;color:#44554e;padding-top:3px}
.split2{height:6px;border-radius:6px;background:#dbe6f8;margin:6px 0 4px;overflow:hidden}.split2 .sp{display:block;height:100%;background:var(--g);border-radius:6px}
.moneyrow{padding:12px 4px}.moneyrow.dim{opacity:.5}a.plain .row.acc{border-bottom:1px solid var(--line)}
.seg.three{grid-template-columns:repeat(3,1fr)}
.moneyrow>b{min-width:104px;text-align:right}
.filters label{margin-top:12px}.filters .radios{margin-top:6px}
/* account picker (bottom sheet) */
.ap{position:relative}
.apbtn{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 12px;background:#fff;color:var(--ink);border:1px solid #d3e0da;border-radius:12px;text-align:left;font-weight:500}
.apcur{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.apcur .mid,.apitem .mid{flex:1;min-width:0;text-align:left}.apcur .bk,.apitem .bk{flex:0 0 38px;width:38px;height:38px}
.apch{color:var(--mut);font-size:16px}
.apsheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.apsheet[hidden]{display:none}
.apback{position:absolute;inset:0;background:rgba(10,20,16,.45)}
.appanel{position:relative;background:#fff;width:100%;max-width:520px;max-height:82vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.2)}
.aphead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 10px;font-size:17px}.apx{margin:0;padding:8px 14px;background:#eef4f1;color:var(--ink);font-size:14px;border-radius:10px}
.aplist{overflow-y:auto;padding:4px 12px 22px}
.apitem{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 0;padding:12px;background:#fff;color:var(--ink);border:1.5px solid var(--line);border-radius:14px;text-align:left;font-weight:500;font-size:15px}
.apitem b{display:block;font-size:15px}.apitem .sub{font-size:13px;margin-top:2px;color:#44554e}.apitem.on{border-color:var(--g);background:var(--gl)}
@media (min-width:700px){.apsheet{align-items:center}.appanel{border-radius:22px;max-height:70vh}}
body.noscroll{overflow:hidden}
/* suggestions while typing */
.ac{position:relative}.aclist{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.14);z-index:20;overflow:hidden}.aclist[hidden]{display:none}
.acitem{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0;padding:13px 14px;background:#fff;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;font-weight:500;font-size:15px}
.acitem:last-child{border:0}.acitem:active{background:var(--gl)}.acitem .sub{font-size:13px;white-space:nowrap}
.acnew{padding:12px 14px;font-size:14px;color:var(--g);background:var(--gl)}
.mhead{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 0 16px;color:var(--ink)}
.mhead b{font-size:17px;letter-spacing:-.01em}.mlogo{width:48px;height:48px;border-radius:15px;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(22,132,90,.28)}
/* budget */
.bsum .bnums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 8px}.bsum .val{font-size:17px}
.btable{padding:4px 14px}.brow2{padding:12px 0;border-bottom:1px solid var(--line)}.brow2:last-child{border:0}
.brow2 .bl{display:flex;align-items:center;gap:12px}.brow2 .ic{flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f4}
.brow2 .mid{flex:1;min-width:0}.brow2 .t{font-weight:600}.brow2 .pbar,.brow2 .bar{margin-top:8px}
.amtbox.sm{flex:0 0 128px;margin:0}.amtbox.sm input{padding:10px 8px}
.amtbox.sm{padding:6px 10px;border-radius:12px}.amtbox.sm span{font-size:14px}.amtbox.sm input{font-size:17px;font-weight:700;text-align:right;max-width:none;padding:6px 2px}
.cover2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.cover2 div{background:#f4f8f6;border-radius:12px;padding:10px 12px}.cover2 .lbl{display:block;font-size:12px;color:var(--mut)}.cover2 b{font-size:15px}
.stmt th.ck,.stmt td.ck{width:34px;padding-left:10px;padding-right:2px}.stmt input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--g)}
.selbar .selsum{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:15px}.selbar .selsum b{font-size:17px}
.selbar button:disabled{opacity:.45;cursor:not-allowed}
.statrow.four{grid-template-columns:1fr 1fr}@media (min-width:900px){.statrow.four{grid-template-columns:repeat(4,1fr)}}
/* reports: period chips */
.presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.pchip{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#44554e;text-decoration:none;font-size:14px;font-weight:600}.pchip.on{background:var(--g);border-color:var(--g);color:#fff}
.mrow2{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px}.mrow2>span{flex:0 0 74px;color:var(--mut)}.mrow2 .mid{flex:1}.mrow2 b{flex:0 0 96px;text-align:right}
/* goal plan */
.plrow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.plrow:last-of-type{border-bottom:0}
.plchk input{width:22px;height:22px;accent-color:var(--g);margin:0}.plrow .mid{flex:1;min-width:0}
.plres .row b{font-size:15px}.planmsg{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4f8f6;font-size:14px;line-height:1.45}
.bk.logo{background:#fff;border:1px solid var(--line);padding:1px;overflow:hidden}.bk.logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}
.mini .bk.logo{padding:1px}