:root{--primary:#3346a8;--ink:#202746;--muted:#707891;--bg:#f4f6fb;--line:#e6e9f2;--danger:#c43c4a;--green:#168568}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{max-width:720px;margin:auto;min-height:100vh;padding-bottom:88px}header{position:sticky;top:0;z-index:5;background:var(--primary);color:white;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 2px 8px #18265b22}header strong{font-size:17px;letter-spacing:.2px}header small{display:block;color:#e0e5ff;font-size:12px}header button{border:1px solid #ffffff66;background:#ffffff1c;color:white;border-radius:9px;padding:7px 10px;font-size:12px}main{padding:14px}.page-title{font-size:19px;margin:5px 0 12px}.sub{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:13px;box-shadow:0 2px 7px #17255408}.metric small,.card small{display:block;color:var(--muted);font-size:12px}.metric b{display:block;font-size:20px;margin-top:4px;font-weight:700}.metric{min-height:83px}.section{margin:18px 0 9px;font-size:16px}.row{background:white;border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin:7px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.row .meta{min-width:0}.row b{font-size:14px}.row small{display:block;color:var(--muted);font-size:12px}.amount{font-weight:700;white-space:nowrap}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.member-card{background:white;border:1px solid var(--line);border-radius:12px;padding:13px;text-align:left;color:var(--ink)}.member-card b{display:block;font-size:15px}.member-card strong{display:block;margin-top:5px;font-size:18px;color:var(--primary)}.btn{border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:white;font-weight:600}.btn.secondary{background:#e9edff;color:#2d3c8d}.btn.danger{background:var(--danger)}.btn.green{background:var(--green)}.btn.small{padding:6px 9px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.field{display:grid;gap:5px;margin:9px 0}.field label{font-size:13px;color:#4d5672}.field input,.field select,.field textarea,input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d6dbea;border-radius:9px;background:white;color:var(--ink);min-width:0}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.split-tools{display:grid;grid-template-columns:1fr 150px;gap:9px;align-items:end}.split-tools .field{margin:0}.member-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.pick{background:white;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:13px}.pick input{width:auto;margin-right:6px}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:center;overflow-x:auto;background:white;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;min-width:65px;max-width:130px;border:0;background:white;color:#68718b;padding:10px 4px 9px;font-size:11px;white-space:nowrap}.tabs button.active{color:var(--primary);font-weight:700;border-top:3px solid var(--primary);padding-top:7px}.tabs .ico{display:block;font-size:17px;margin-bottom:2px}.empty{padding:18px;text-align:center;color:var(--muted);font-size:13px}.pill{display:inline-block;padding:3px 7px;border-radius:20px;background:#edf0ff;color:#3346a8;font-size:11px}.danger-text{color:var(--danger)}.login{max-width:420px;margin:9vh auto;padding:24px}.login .card{padding:22px}.login h1{font-size:23px;margin:0 0 5px}.login .btn{width:100%;margin-top:9px}.note{font-size:12px;color:var(--muted);margin-top:12px}.modal-bg{position:fixed;inset:0;background:#10172e77;z-index:10;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:720px;background:white;border-radius:18px 18px 0 0;padding:18px;max-height:88vh;overflow:auto}.modal h3{margin:0 0 12px}.toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);background:#202746;color:white;padding:10px 15px;border-radius:10px;z-index:20;max-width:90%;font-size:13px;box-shadow:0 4px 15px #0002}.toast.bad{background:#a92e3d}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.small-select{max-width:155px;font-size:12px;padding:8px}.table-head{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:5px;color:var(--muted);font-size:11px;padding:8px 10px}.balance-card{text-align:center}.balance-card strong{font-size:19px;color:var(--primary)}.hidden{display:none!important}@media(min-width:600px){main{padding:18px}.tabs button{font-size:12px}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.balance-card{position:relative}.unpick{position:absolute;top:4px;right:6px;border:0;background:none;color:#707891;font-size:15px;padding:4px}