:root{--bg: #FAFAFA;--surface: #FFFFFF;--surface-2: #F1F3F0;--border: #E6E9E4;--border-2: #D3D9D1;--text: #17211C;--text-soft: #55635B;--text-faint: #8A968D;--green: #10B981;--red: #e5484d;--amber: #b4690e;--blue: #2563eb}:root[data-theme=dark]{--bg: #0E1512;--surface: #151E1A;--surface-2: #1C2723;--border: #26332E;--border-2: #33423B;--text: #E8EFEA;--text-soft: #A6B4AC;--text-faint: #74857C;--green: #34D399;--red: #f2686c;--amber: #e0a34a;--blue: #5b91f5}:root[data-theme=dark] .btn{color:#04120c}:root[data-theme=dark] .btn.ghost{color:var(--text)}:root[data-theme=dark] .btn.danger{color:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint)}.input,select.input,textarea.input{width:100%;padding:11px 12px;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;color:var(--text);font-size:15px;font-family:inherit;outline:none}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #10b9812e}.btn{background:var(--green);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text-soft);border:1px solid var(--border-2)}.btn.ghost:hover{color:var(--green);border-color:var(--green)}.btn.danger{background:var(--red)}.btn.sm{padding:6px 10px;font-size:12px;border-radius:8px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;color:var(--text-faint);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.tbl tr:hover td{background:var(--surface-2)}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--surface-2);color:var(--text-soft)}.chip.green{background:#10b98126;color:var(--green)}.chip.red{background:#e5484d26;color:var(--red)}.chip.amber{background:#b4690e26;color:var(--amber)}.chip.blue{background:#2563eb26;color:var(--blue)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpi .v{font-size:22px;font-weight:800;margin-top:4px}.kpi .s{font-size:12px;color:var(--text-faint);margin-top:2px}.page{padding:20px 22px 90px;max-width:1200px;margin:0 auto}.page h1{font-size:22px;margin:0 0 4px}.sub{color:var(--text-faint);font-size:13px;margin-bottom:18px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px 18px 0 0;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;padding:20px}@media(min-width:720px){.modal-bg{align-items:center;padding:20px}.modal{border-radius:16px}}.err{color:var(--red);font-size:13px}.ok{color:var(--green);font-size:13px}.scroll-x{overflow-x:auto}