:root{--bg: #f7f8f5;--surface: #ffffff;--surface-2: #eff3ee;--ink: #1d2621;--muted: #5a675e;--faint: #8a968c;--line: #dde3dc;--accent: #3e7b4f;--accent-strong: #2c5e3b;--accent-soft: #e3eee5;--amber: #a8761f;--amber-soft: #f5ebd8;--danger: #9c4a3c;--danger-soft: #f6e5e2;--shadow: 0 1px 2px rgba(29, 38, 33, .05), 0 4px 14px rgba(29, 38, 33, .06);--radius: 10px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Mono", "Consolas", monospace}@media(prefers-color-scheme:dark){:root{--bg: #121713;--surface: #1a211b;--surface-2: #202a22;--ink: #e6ebe4;--muted: #9aa79c;--faint: #6e7c70;--line: #2a332c;--accent: #7cbf8c;--accent-strong: #9ad2a7;--accent-soft: #223428;--amber: #d9a84e;--amber-soft: #322a18;--danger: #d08a7c;--danger-soft: #33211d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:12px}.topbar .brand{font-weight:700;font-size:1.05rem;color:var(--accent-strong);text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:8px}.topbar .who{font-size:.8rem;color:var(--muted);text-align:right;line-height:1.25}.topbar .who strong{display:block;color:var(--ink);font-size:.85rem}.nav{background:var(--surface);border-bottom:1px solid var(--line);padding:0 8px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;position:sticky;top:53px;z-index:19}.nav::-webkit-scrollbar{display:none}.nav a{padding:11px 13px;font-size:.9rem;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:600}.nav .count{background:var(--accent);color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 16px 56px}.page-head{margin-bottom:18px}.page-head p{color:var(--muted);font-size:.92rem;margin-top:3px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.tight{gap:6px}.spread{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.grow{flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card+.card{margin-top:12px}.card h3{margin-bottom:6px}.card-link{display:block;color:inherit;text-decoration:none;transition:border-color .12s}.card-link:hover{border-color:var(--accent)}.grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:620px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.stat .num{font-size:1.8rem;font-weight:700;line-height:1.1;color:var(--accent-strong);font-variant-numeric:tabular-nums}.stat .num small{font-size:.9rem;color:var(--muted);font-weight:600}.stat .lbl{font-size:.82rem;color:var(--muted);margin-top:2px}.quota-bar{display:flex;gap:4px;margin-top:10px}.quota-bar span{flex:1;height:7px;border-radius:3px;background:var(--line)}.quota-bar span.used{background:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.wait{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.badge.go{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.badge.pay{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.badge.done{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--accent-strong)}.badge.off{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.badge.ghost{background:transparent}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:5px}label.field .hint{display:block;font-size:.8rem;color:var(--muted);font-weight:400;margin-top:2px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=file],select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}input[type=file]{padding:8px;font-size:.9rem}.btn{font:inherit;font-size:.95rem;font-weight:600;border-radius:8px;padding:10px 16px;border:1px solid transparent;cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:filter .12s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.secondary:hover:not(:disabled){border-color:var(--accent);filter:none}.btn.danger{background:var(--danger)}.btn.small{padding:7px 12px;font-size:.87rem}.btn.block{width:100%}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.alert{border-radius:8px;padding:11px 14px;font-size:.9rem;border:1px solid;display:flex;gap:8px;align-items:flex-start}.alert.error{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.alert.info{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.alert.warn{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.empty{text-align:center;padding:34px 18px;color:var(--muted);font-size:.93rem}.muted{color:var(--muted)}.small{font-size:.85rem}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.88em}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600;background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline li{position:relative;padding:0 0 16px 32px;font-size:.9rem}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:3px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--line)}.timeline li.done:before{background:var(--accent);border-color:var(--accent)}.timeline li.current:before{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.timeline li strong{display:block}.timeline li .when{color:var(--muted);font-size:.83rem}.picker{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:var(--surface);display:flex;align-items:center;gap:12px}.picker.disabled{opacity:.55}.picker .info{flex:1;min-width:0}.picker .info strong{display:block}.picker .info .sub{font-size:.82rem;color:var(--muted)}.stepper{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--surface-2)}.stepper button{width:32px;height:32px;border-radius:6px;border:none;background:var(--surface);color:var(--ink);font-size:1.15rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper .value{min-width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.steps{display:flex;gap:6px;margin-bottom:18px}.steps div{flex:1;font-size:.76rem;color:var(--faint);padding-top:7px;border-top:3px solid var(--line);font-weight:600}.steps div.on{color:var(--accent-strong);border-top-color:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c1780;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}@media(min-width:620px){.overlay{align-items:center;padding:20px}}.modal{background:var(--surface);border-radius:14px 14px 0 0;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:20px;box-shadow:0 -8px 30px #0003}@media(min-width:620px){.modal{border-radius:14px}}.modal h2{margin-bottom:12px}.bell{position:relative;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--muted);padding:5px;line-height:1}.bell .dot{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.notif{padding:11px 0;border-bottom:1px solid var(--line)}.notif:last-child{border-bottom:none}.notif.unread strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.notif .when{font-size:.78rem;color:var(--faint);margin-top:2px}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 18px}.auth .box{width:100%;max-width:380px}.auth .box h1{color:var(--accent-strong);margin-bottom:4px}.auth .box>p{color:var(--muted);font-size:.92rem;margin-bottom:20px}.receipt{background:#fff;color:#111;border:1px solid var(--line);border-radius:var(--radius);padding:26px;max-width:620px;margin:0 auto}.receipt h2{margin-bottom:2px}.receipt .meta{color:#555;font-size:.88rem;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #ddd}.receipt table{color:#111}.receipt th{background:#f3f3f3;color:#555}.receipt th,.receipt td{border-bottom:1px solid #e3e3e3}.receipt .sign{margin-top:46px;display:flex;gap:34px;font-size:.83rem;color:#555}.receipt .sign div{flex:1;border-top:1px solid #999;padding-top:6px;text-align:center}@media print{.topbar,.nav,.no-print{display:none!important}body{background:#fff}main{padding:0;max-width:none}.receipt{border:none;box-shadow:none;max-width:none;padding:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}