:root{--ink-900:#0e1524;--ink-800:#16203a;--ink-700:#1f2c4d;--ink-600:#2b3a63;--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f8;--border:#dfe4ee;--text:#101828;--text-soft:#475467;--text-mut:#8a94a6;--on-ink:#eaf0ff;--on-ink-mut:#9fb0d6;--accent:#12b0a0;--accent-ink:#0b7d72;--pending:#f59e0b;--danger:#e5484d;--info:#3b82f6;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-num:"Inter",ui-monospace,"SF Mono",Menlo,monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--shadow-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--shadow-2:0 4px 12px rgba(16,24,40,.1)}.num,.money{font-family:var(--font-num);font-variant-numeric:tabular-nums}[data-theme=dark]{--bg:#0b111f;--surface:#141d33;--surface-2:#1b2540;--border:#26324f;--text:#e8edf7;--text-soft:#a9b6d0;--text-mut:#7d8aa6;--shadow-1:0 1px 2px rgba(0,0,0,.45);--shadow-2:0 6px 18px rgba(0,0,0,.55)}[data-theme=dark] .status.pending{background:#3a2c12;color:#f2c063}[data-theme=dark] .status.paid{background:#0f2e2a;color:#4fd1bf}[data-theme=dark] .status.cancelled{background:#3a1718;color:#f08a8e}@media (prefers-reduced-motion: no-preference){body,.card,.topbar,.btn,.chip,.form-row input,.form-row select,table.tx td,table.tx th{transition:background-color .2s ease,border-color .2s ease,color .2s ease}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:var(--ink-900);color:var(--on-ink);display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-3);gap:var(--sp-2)}.brand{display:flex;align-items:center;gap:var(--sp-3);padding-inline:var(--sp-2);margin-bottom:var(--sp-5)}.brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#0b7d72);display:grid;place-items:center;color:#fff;font-weight:700}.brand .name{font-weight:650;letter-spacing:.2px}.brand .name small{display:block;color:var(--on-ink-mut);font-weight:500;font-size:11px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);color:var(--on-ink-mut);font-size:14px;font-weight:500}.nav a:hover{background:var(--ink-800);color:var(--on-ink)}.nav a.active{background:var(--ink-700);color:#fff}.nav .ico{width:18px;text-align:center;opacity:.9}.sidebar .foot{margin-top:auto;color:var(--on-ink-mut);font-size:12px;padding-inline:var(--sp-2)}.badge-host{display:inline-flex;align-items:center;gap:6px;background:var(--ink-800);color:var(--on-ink);padding:4px 10px;border-radius:999px;font-size:11px}.badge-host .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.workspace{display:flex;flex-direction:column;min-width:0}.topbar{height:62px;display:flex;align-items:center;gap:var(--sp-4);padding-inline:var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border)}.topbar .search{flex:1;max-width:520px;display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:9px var(--sp-3);color:var(--text-mut)}.topbar .search input{border:0;background:transparent;outline:none;flex:1;font:inherit;color:var(--text)}.topbar .spacer{flex:1}.chip{padding:6px 12px;border-radius:999px;background:var(--surface-2);font-size:13px;color:var(--text-soft)}.content{padding:var(--sp-5);overflow:auto}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-5)}.page-head h1{font-size:22px;margin:0;letter-spacing:-.2px}.page-head p{margin:4px 0 0;color:var(--text-soft);font-size:14px}.grid{display:grid;gap:var(--sp-4)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:960px){.cols-3,.cols-2,.shell{grid-template-columns:1fr}.sidebar{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-1)}.login-card{width:360px}.stat .label{color:var(--text-soft);font-size:13px}.stat .value{font-size:28px;font-weight:650;margin-top:6px}.stat .value .cur{font-size:15px;color:var(--text-mut);margin-inline-start:6px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 16px;border-radius:var(--r-md);border:1px solid transparent;font:inherit;font-weight:600;font-size:14px;cursor:pointer;background:var(--surface-2);color:var(--text)}.btn:hover{background:var(--border)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--border)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.status.pending{background:#fff3e0;color:#9a6400}.status.paid{background:#e3f7f2;color:var(--accent-ink)}.status.cancelled{background:#fde8e8;color:#a72a2f}table.tx{width:100%;border-collapse:collapse;font-size:14px}table.tx th{text-align:start;color:var(--text-soft);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;padding:10px var(--sp-3);border-bottom:1px solid var(--border)}table.tx td{padding:12px var(--sp-3);border-bottom:1px solid var(--surface-2)}table.tx tr:hover td{background:var(--surface-2)}.form-row{display:grid;gap:6px;margin-bottom:var(--sp-4)}.form-row label{font-size:13px;color:var(--text-soft);font-weight:500}.form-row input,.form-row select{padding:10px var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);font:inherit;background:var(--surface);color:var(--text)}@media (prefers-reduced-motion:no-preference){.card{transition:box-shadow .18s ease}.card:hover{box-shadow:var(--shadow-2)}}