:root{--bg:#f4f7f5;--card:#fff;--ink:#18312b;--muted:#6f7f7a;--line:#dbe5e1;--primary:#174f43;--danger:#b84646;--success:#287a54;--danger-bg:#fff0f0;--success-bg:#eaf7ef;--shadow:0 10px 28px rgba(24,49,43,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:920px;margin:auto;padding:18px 14px 100px}header{position:sticky;top:0;z-index:20;background:rgba(244,247,245,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{max-width:920px;margin:auto;padding:12px 16px}.brand{display:flex;align-items:center;gap:12px}.brand>a:first-child{display:block;flex:0 0 auto}.brand>a:first-child>img{width:188px;max-width:54vw;height:auto;display:block}.brandcopy{min-width:0}.sub{font-size:13px;color:var(--muted);margin:2px 0}.maker{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:650;text-decoration:none;margin-top:3px}.maker img{width:17px;height:17px;border-radius:4px}.maker:hover{color:var(--primary)}.top{display:flex;justify-content:space-between;align-items:center;gap:10px}.link{border:0;background:transparent;color:var(--muted);font-weight:700}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.progress i{height:5px;border-radius:99px;background:#d9e3df}.progress i.on{background:var(--primary)}h2{font-size:27px;margin:8px 2px}.help{color:var(--muted);line-height:1.45;margin:0 2px 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 6px 2px}input,select{width:100%;border:1px solid var(--line);border-radius:13px;background:#fbfcfb;color:var(--ink);padding:11px 12px;min-height:44px;outline:none}.person{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-bottom:8px}.btn{border:0;border-radius:13px;padding:11px 15px;min-height:44px;font-weight:750;background:#e7eeeb;color:var(--ink)}.primary{background:var(--primary);color:#fff}.ghost{background:transparent;border:1px solid var(--line)}.danger{background:var(--danger-bg);color:var(--danger)}.icon{width:42px;padding:0;font-size:18px}.expense{padding:0;overflow:hidden}.exphead{padding:14px 16px;border-bottom:1px solid var(--line);background:#fcfdfc}.expmain{display:grid;grid-template-columns:minmax(160px,1.4fr) 120px minmax(140px,1fr) 42px;gap:8px;align-items:end}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.tab{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:9px 6px;font-size:12px;font-weight:700}.tab.on{background:var(--primary);color:#fff}.people{padding:10px 16px 14px}.prow{display:grid;grid-template-columns:minmax(0,1fr) 95px 95px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eef2f0}.prow:last-child{border:0}.check{display:flex;align-items:center;gap:9px;font-weight:650}.check input{width:auto;min-height:0;accent-color:var(--primary)}.prow input{min-height:38px;padding:8px;text-align:right}.amount{text-align:right;font-variant-numeric:tabular-nums}.valid{margin-top:9px;border-radius:11px;padding:9px 10px;font-size:12px}.ok{background:var(--success-bg);color:var(--success)}.bad{background:var(--danger-bg);color:var(--danger)}.totalbar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:13px 15px;border-radius:15px;background:#edf4f1}.totalbar strong{font-size:20px}.grand{background:var(--primary);color:#fff;border-radius:19px;padding:18px;margin:15px 0}.grand div{display:flex;justify-content:space-between;padding:4px 0}.summary{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin-bottom:12px}.sumtop{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#fbfcfb}.sumtop h3{margin:0}.pill{border-radius:99px;padding:6px 9px;font-size:12px;font-weight:750}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 15px}.stat{background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:10px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:4px}.pos{color:var(--success)}.neg{color:var(--danger)}.payment{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px dashed #e6ece9}.payment:last-child{border:0}.small{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.step{display:none}.step.on{display:block}.bottom{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));z-index:30}.bottomin{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.hidden{display:none!important}@media(max-width:620px){.grid2{grid-template-columns:1fr}.expmain{grid-template-columns:1fr 1fr}.expmain .nm{grid-column:1/-1}.expmain .icon{grid-column:2;justify-self:end}.prow{grid-template-columns:minmax(0,1fr) 82px 86px}.stats{grid-template-columns:1fr}}@media print{header,.bottom,.share{display:none!important}.app{padding:0}.step{display:none!important}.step[data-step="3"].on{display:block!important}.card,.summary{box-shadow:none}}