:root{--ink: #2d2a32;--muted: #8d8692;--accent: #a85d68;--accent-dark: #8c4751;--accent-soft: #f3dfe2;--bg: #faf6f3;--card: #ffffff;--line: #efe7e3;--hover: #fdf9f7;--over: #c0392b;--danger-soft: #fbeae8;--ok-soft: #e2f1e5;--ok-ink: #2e7d43;--empty-soft: #f2f0f3;--shadow: rgba(45, 42, 50, .05)}@media(prefers-color-scheme:dark){:root{--ink: #ece7ea;--muted: #a39aa7;--accent: #c98792;--accent-dark: #b06b76;--accent-soft: #3c2d31;--bg: #171417;--card: #221e22;--line: #373137;--hover: #2a252a;--over: #e5745f;--danger-soft: #3d2824;--ok-soft: #24382a;--ok-ink: #7ec48f;--empty-soft: #2c272c;--shadow: rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font-family:Heebo,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}main{padding:16px;max-width:760px;margin:0 auto}h1,h2{font-weight:700}h2{font-size:18px;margin:0 0 4px}p{margin:6px 0}button{border:none;background:var(--accent);color:#fff;border-radius:10px;padding:9px 16px;min-height:40px;font-size:15px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}button:hover{background:var(--accent-dark)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--accent)}button.ghost:hover{background:var(--accent-soft)}button.danger{color:var(--muted)}button.danger:hover{background:var(--danger-soft);color:var(--over)}input,select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;min-height:44px;font-size:16px;font-family:inherit;width:100%;background:var(--card);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--muted)}form{display:flex;flex-direction:column;gap:10px}nav{display:flex;gap:6px;padding:10px 16px;max-width:760px;margin:0 auto}nav button{background:transparent;color:var(--muted);font-size:16px;font-weight:500;border-radius:999px;padding:7px 18px}nav button:hover{background:var(--accent-soft);color:var(--accent-dark)}nav button.active{background:var(--accent);color:#fff;font-weight:700}.countdown{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;text-align:center;padding:calc(18px + env(safe-area-inset-top)) 12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 2px 12px #8c475159}.countdown .couple{font-size:14px;font-weight:500;opacity:.9;letter-spacing:.3px}.countdown strong{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.5px}.countdown .total{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.countdown.compact{padding:calc(10px + env(safe-area-inset-top)) 12px 8px}.countdown.compact strong{font-size:15px;font-weight:700}.page-head{margin:2px 0 14px}.page-head h2{margin:0}.spread{justify-content:space-between}.muted{color:var(--muted);font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;text-align:center;box-shadow:0 1px 4px var(--shadow)}.tile-label{font-size:12px;color:var(--muted)}.tile strong{font-size:19px;font-variant-numeric:tabular-nums}.bar{display:block;height:8px;border-radius:999px;background:var(--accent-soft);overflow:hidden;margin-top:10px}.bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s}.bar.over .bar-fill{background:var(--over)}.closed-count{font-size:13px;margin:8px 0 0}.group-row{margin-top:12px}.group-row .bar{height:5px;margin-top:6px}.group-name{font-weight:500}.over-row{margin-top:8px;font-size:14px}.table-wrap{overflow-x:auto;background:var(--card);border-radius:14px;border:1px solid var(--line);box-shadow:0 1px 4px var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:500;font-size:12px}tbody tr:hover{background:var(--hover)}tbody td{font-variant-numeric:tabular-nums}tfoot td{font-weight:700;border-bottom:none;background:var(--hover)}tr.over td,.target.over{color:var(--over)}details.group{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:0 14px;box-shadow:0 1px 4px var(--shadow)}details.group summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;font-weight:700;cursor:pointer;list-style:none}details.group summary::-webkit-details-marker{display:none}details.group summary:after{content:"‹";color:var(--muted);transition:transform .2s}details.group[open] summary:after{transform:rotate(-90deg)}details.group .card{border:none;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:12px 0}details.group button.card:hover{box-shadow:none;background:var(--hover)}.badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;white-space:nowrap}.badge.done{background:var(--ok-soft);color:var(--ok-ink)}.badge.empty{background:var(--empty-soft);color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14101480;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10;animation:fade .15s ease-out}.modal{background:var(--card);border-radius:16px;padding:20px;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #0000004d;animation:rise .18s ease-out}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(26px);opacity:.5}}.dialog{display:flex;flex-direction:column;gap:10px}.payments{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding-bottom:10px}.payment-row{font-size:13.5px;font-variant-numeric:tabular-nums}.login{max-width:340px;margin:18vh auto 0;padding:28px 22px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #8c47511f}.login h1{margin:0 0 14px;font-size:30px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 1px 4px var(--shadow)}.card.rejected{opacity:.45}button.card{background:var(--card);color:var(--ink);width:100%;font-size:inherit;font-weight:400;text-align:right;transition:border-color .15s,box-shadow .15s}button.card:hover{background:var(--card);border-color:var(--accent);box-shadow:0 2px 10px #8c47511f}.contract-card{display:flex;flex-direction:column;gap:8px}.contract-card .bar{margin-top:0;height:5px}.contract-nums{font-size:13.5px}.contract-notes{font-size:13.5px;margin:0}.contract-card a{color:var(--accent-dark);font-weight:500}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row a{color:var(--accent-dark);font-weight:500}.error{color:var(--over);font-size:14px;margin:0}.mobile-only{display:none}@media(max-width:640px){.desktop-only{display:none}.mobile-only{display:block}nav{position:fixed;bottom:0;left:0;right:0;max-width:none;margin:0;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:5}nav button{flex:1;padding:9px 4px;font-size:15px}main{padding-bottom:92px}.overlay{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:18px 18px 0 0;max-height:88vh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.tiles{gap:8px}.tile strong{font-size:16px}.tile{padding:12px 6px}}
