:root{--ink:#16202b;--muted:#6b7280;--line:#e6e2d9;--paper:#f7f5f0;--card:#fff;--navy:#0a1820;--glacier:#1e3a8a;--champagne:#b8945f;--green:#1b7a3d;--green-bg:#e4f3e9;--amber:#9a7b17;--amber-bg:#fbf1cf;--red:#b02a37;--red-bg:#fbe3e5;--grey-bg:#edeae3;--r:4px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px}.serif{font-family:Playfair Display,Georgia,serif}a{color:inherit}.wrap{max-width:720px;margin:0 auto;padding:0 16px 110px}.wm{align-items:baseline;gap:8px;display:flex}.wm-eyebrow{letter-spacing:.22em;color:var(--champagne);font-size:10px;font-weight:700}.wm-name{letter-spacing:.14em;color:var(--navy);font-size:17px;font-weight:600}.wm.light .wm-name{color:#fff}.wm.light .wm-eyebrow{color:#e7cfa6}.gate{justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gate-bg{filter:blur(3px)saturate(1.08)brightness(.95);background:url(/yacht.jpeg) 50%/cover no-repeat;position:absolute;inset:-20px;transform:scale(1.12)}.gate-scrim{background:radial-gradient(120% 90% at 50% 38%,#0a182033 0%,#0a1820c7 100%),linear-gradient(#0a18208c 0%,#0a182073 50%,#0a1820cc 100%);position:absolute;inset:0}.gate-inner{z-index:2;text-align:center;width:100%;max-width:420px;padding:0 22px;position:relative}.gate-inner .wm{justify-content:center;margin-bottom:14px}.gate-title{color:#fff;margin:0;font-size:33px;line-height:1.05}.gate-sub{color:#cdd6dd;letter-spacing:.04em;margin:8px 0 22px;font-size:13px}.gate-card{-webkit-backdrop-filter:blur(14px);text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:18px 16px 16px}.gate-card label{color:#d7dee4}.gate-card input{border-radius:var(--r);width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #ffffff47;outline:none;padding:13px 14px;font-size:16px}.gate-card input:focus{background:#fff;border-color:#fff}.gate .err{color:#ffb4ba;min-height:16px;margin:8px 2px;font-size:12px}.head{padding:18px 0 6px}.head-top{justify-content:space-between;align-items:center;display:flex}.switch{color:var(--muted);cursor:pointer;font-size:12px}.kpi-big{background:var(--navy);color:#fff;border-radius:10px;margin-top:14px;padding:18px 18px 16px}.kpi-big .l{letter-spacing:.1em;text-transform:uppercase;color:#aebcc7;align-items:center;gap:7px;font-size:11px;display:flex}.kpi-big .v{letter-spacing:-.01em;margin:8px 0 0;font-size:42px;font-weight:700;line-height:1}.dot{background:#36d07a;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #36d07a99}@keyframes pulse{0%{box-shadow:0 0 #36d07a80}70%{box-shadow:0 0 0 7px #36d07a00}to{box-shadow:0 0 #36d07a00}}.bar{background:#ffffff29;border-radius:99px;height:6px;margin:14px 0 12px;overflow:hidden}.bar>i{background:#36d07a;height:100%;transition:width .4s;display:block}.kpi-row{color:#aebcc7;gap:16px;font-size:13px;display:flex}.kpi-row b{color:#fff;font-weight:600}.sticky{z-index:10;background:var(--paper);padding:12px 0 8px;position:sticky;top:0}.search{border:1px solid var(--line);border-radius:var(--r);background:var(--card);outline:none;width:100%;padding:13px 16px;font-size:16px}.search:focus{border-color:var(--glacier)}.seg{background:var(--grey-bg);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;padding:4px;display:grid}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;font-family:inherit;display:flex}.seg-btn .seg-l{font-size:13px;font-weight:600}.seg-btn .seg-n{opacity:.7;font-size:11px;font-weight:600}.seg-btn.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #14202b1f}.seg-btn.on .seg-n{color:var(--glacier);opacity:1}.row{background:var(--card);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:13px 14px 13px 16px;transition:border-color .12s,transform 60ms;display:flex;position:relative;overflow:hidden}.row:active{border-color:var(--glacier);transform:scale(.995)}.stripe{width:4px;position:absolute;top:0;bottom:0;left:0}.stripe.PAID{background:var(--green)}.stripe.PARTIAL{background:var(--amber)}.stripe.UNPAID{background:var(--red)}.stripe.FREE{background:#c9c4b8}.nm{font-size:15.5px;font-weight:600}.sub{color:var(--muted);margin-top:2px;font-size:12.5px}.flag{color:var(--amber);margin-top:3px;font-size:11px}.amt{text-align:right;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;display:flex}.amt .o{font-size:15px;font-weight:700}.amt .b{color:var(--red);font-size:11px}.pill{letter-spacing:.05em;border-radius:var(--r);text-transform:uppercase;padding:3px 8px;font-size:10px;font-weight:700}.pill.PAID{background:var(--green-bg);color:var(--green)}.pill.PARTIAL{background:var(--amber-bg);color:var(--amber)}.pill.UNPAID{background:var(--red-bg);color:var(--red)}.pill.FREE{background:var(--grey-bg);color:var(--muted)}button{border-radius:var(--r);border:1px solid var(--glacier);background:var(--glacier);color:#fff;cursor:pointer;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600}button.full{width:100%;margin-top:2px;padding:14px;font-size:16px}button.ghost{background:var(--card);color:var(--ink);border-color:var(--line)}button:disabled{opacity:.5}.scrim{z-index:30;background:#0a182080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:720px;padding:10px 18px calc(22px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.2s up}@keyframes up{0%{transform:translateY(40px)}to{transform:none}}.sheet-grab{background:var(--line);border-radius:99px;width:38px;height:4px;margin:4px auto 14px}.sheet h3{margin:0;font-size:23px}.sheet .meta{color:var(--muted);margin:4px 0 16px;font-size:13px}.field{margin-bottom:14px}.field label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.field input,.field select{border:1px solid var(--line);border-radius:var(--r);background:var(--card);outline:none;width:100%;padding:13px 14px;font-size:16px}.field input:focus,.field select:focus{border-color:var(--glacier)}.bigbtns{flex-direction:column;gap:10px;margin-top:6px;display:flex}.bigbtns button{width:100%;padding:17px;font-size:17px;font-weight:700}.bigbtns .paid{background:var(--green);border-color:var(--green)}.bigbtns .paid:disabled{opacity:1;background:var(--green-bg);color:var(--green);border-color:var(--green-bg)}.bigbtns .unpaid{background:var(--card);color:var(--red);border-color:var(--red)}.bigbtns .unpaid:disabled{opacity:.4}.cancel{width:100%;margin-top:12px}.note-edit{color:var(--amber);background:var(--amber-bg);border-radius:var(--r);margin-bottom:14px;padding:9px 11px;font-size:12px}.empty{text-align:center;color:var(--muted);padding:44px 0}.foot{text-align:center;color:var(--muted);letter-spacing:.08em;padding:26px 0 0;font-size:11px}