:root{--accent:#2f5bea;--accent-soft:#e8eefe;--bg:#f5f6fa;--card:#fff;--text:#14161f;--muted:#5d6475;--line:#e3e6ee;--green:#14804a;--green-bg:#e3f5ea;--amber:#8a5a00;--amber-bg:#fdf0d2;--red:#b3261e;--red-bg:#fbe7e5;--radius:16px;--nav-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app{max-width:560px;min-height:100dvh;margin:0 auto;position:relative}.page{padding:calc(var(--safe-top) + 12px) 16px calc(var(--nav-h) + var(--safe-bottom) + 28px);flex-direction:column;gap:14px;display:flex}.page.no-nav{padding-bottom:calc(var(--safe-bottom) + 120px)}.topbar{align-items:center;gap:8px;min-height:44px;display:flex}.topbar h1{flex:1;font-size:22px;font-weight:700}.topbar .back{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:-12px;display:grid}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #14161f0f,0 4px 14px #14161f0a}.card.tap{text-align:left;border:0;width:100%;display:block}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between;align-items:flex-start}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:14px}.right{text-align:right}.bold{font-weight:700}.h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:4px 2px -4px;font-size:13px;font-weight:700}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.plain{color:var(--accent);background:0 0}.btn.danger{background:var(--red-bg);color:var(--red)}.btn.block{width:100%}.btn.big{border-radius:16px;min-height:56px;font-size:18px}.btn.sm{min-height:44px;padding:0 12px;font-size:15px}.btn-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:14px;font-weight:600}.input{width:100%;min-height:48px;font:inherit;color:var(--text);border:1.5px solid var(--line);appearance:none;background:#fff;border-radius:12px;padding:10px 14px;font-size:16px}.input:focus{outline:2px solid var(--accent);border-color:#0000}textarea.input{resize:vertical;min-height:84px}select.input{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.picker{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.error{color:var(--red);background:var(--red-bg);border-radius:12px;padding:10px 14px;font-size:15px}.notice{background:var(--amber-bg);color:var(--amber);border-radius:12px;padding:12px 14px;font-size:15px}.notice .row{margin-top:8px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.badge.paid{background:var(--green-bg);color:var(--green)}.badge.part-paid{background:var(--amber-bg);color:var(--amber)}.badge.unpaid{background:var(--accent-soft);color:var(--accent)}.badge.cancelled{background:var(--red-bg);color:var(--red)}.hero{color:#fff;background:linear-gradient(135deg,#2f5bea,#4c7bff)}.hero .big{letter-spacing:-.02em;font-size:32px;font-weight:800}.hero .muted{color:#fffc}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat .num{font-size:22px;font-weight:800}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;min-height:40px;padding:0 16px;font-weight:600}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.search{position:relative}.search svg{color:var(--muted);position:absolute;top:14px;left:14px}.search .input{padding-left:42px}.list-link{align-items:center;gap:12px;min-height:56px;display:flex}.list-link .icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.kv{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.kv.total{border-top:1.5px solid var(--line);margin-top:6px;padding-top:12px;font-size:20px;font-weight:800}.item-card{border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:36px 16px;display:flex}.success{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 8px;display:flex}.success .tick{background:var(--green-bg);width:72px;height:72px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:8px;animation:.35s ease-out pop;display:grid}.success .amount{margin-top:4px;font-size:34px;font-weight:800}.nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.nav-inner{max-width:560px;height:var(--nav-h);grid-template-columns:repeat(5,1fr);align-items:center;margin:0 auto;display:grid}.nav a{min-height:52px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.nav a.on{color:var(--accent)}.nav a.plus span.fab{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-top:-22px;display:grid;box-shadow:0 6px 16px #2f5bea66}.nav a.plus{color:var(--accent)}.sticky-bar{z-index:20;border-top:1px solid var(--line);padding:10px 16px calc(var(--safe-bottom) + 10px);background:#fff;position:fixed;bottom:0;left:0;right:0}.sticky-bar .in{align-items:center;gap:14px;max-width:560px;margin:0 auto;display:flex}.sheet-bg{z-index:40;background:#14161f73;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:88dvh;animation:.2s ease-out up;display:flex}.sheet header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.sheet header h2{font-size:20px}.sheet .body{padding:4px 16px calc(var(--safe-bottom) + 16px);flex-direction:column;gap:10px;display:flex;overflow-y:auto}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 76px);z-index:60;color:#fff;background:#14161f;border-radius:999px;max-width:90vw;padding:12px 18px;font-size:15px;font-weight:600;animation:.2s ease-out fade;position:fixed;transform:translate(-50%)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.page{animation:.18s ease-out fade}.btn{text-align:center;transition:transform 80ms}.btn:active,.chip:active,.card.tap:active{transform:scale(.98)}.btn-grid .btn{padding:0 10px;font-size:15px}.card.stack .kv{padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}