:root{--bg:#f5f6f8;--panel:#fff;--panel-2:#f9fafb;--panel-3:#f1f3f5;--line:#e5e8ec;--line-2:#eef1f4;--ink:#0f1729;--ink-2:#1f2937;--ink-3:#6b7280;--mut:#6b7280;--mut-2:#8a94a3;--mut-3:#aab2bd;--blue:#2563eb;--blue-2:#1d4ed8;--blue-3:#1e40af;--blue-dk:#eff4ff;--green:#16a34a;--green-2:#15803d;--red:#dc2626;--red-2:#b91c1c;--amber:#d97706;--violet:#7c3aed;--cyan:#0891b2;--orange:#ea580c;--shadow-sm:0 1px 2px #1017290f;--shadow:0 1px 3px #10172914, 0 1px 2px #1017290a;--shadow-lg:0 10px 30px #1017291f, 0 2px 8px #1017290f;--radius:10px}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,DM Sans,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d4d9df;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c0c7cf}.card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.page{max-width:1420px;margin:0 auto;padding:20px 24px}.kpi-grid{gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:16px 18px;transition:box-shadow .15s,transform .15s}.kpi:hover{box-shadow:var(--shadow)}.kpi .v{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:700;line-height:1}.kpi .l{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:11px;font-weight:600}.kpi .s{color:var(--mut-2);margin-top:3px;font-size:11px}.inp{background:var(--panel);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.inp::placeholder{color:var(--mut-3)}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.sel{background:var(--panel);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;transition:border-color .15s}.sel:hover{border-color:var(--mut-3)}.sel:focus{border-color:var(--blue);outline:none}.btn{color:#fff;background:var(--blue);box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s,transform 50ms}.btn:hover{background:var(--blue-2)}.btn:active{transform:translateY(.5px)}.btn:disabled{background:var(--panel-3);color:var(--mut-3);cursor:not-allowed;box-shadow:none;border-color:var(--line)}.btn.green{background:var(--green)}.btn.green:hover{background:var(--green-2)}.btn.red{background:var(--red)}.btn.red:hover{background:var(--red-2)}.btn.ghost{background:var(--panel);border:1px solid var(--line);color:var(--ink-2);box-shadow:none;font-weight:500}.btn.ghost:hover{background:var(--panel-2);border-color:var(--mut-3)}.chip{background:var(--panel);color:var(--ink-3);border:1px solid var(--line);border-radius:8px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .12s}.chip:hover{border-color:var(--mut-3);color:var(--ink-2)}.chip.on{color:#fff;background:var(--blue);border-color:#0000;font-weight:600}.tab-btn{color:var(--ink-3);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.tab-btn:hover{color:var(--ink)}.tab-btn.on{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.tab-btn svg{width:16px;height:16px}.subtab{background:var(--panel);border:1px solid var(--line);color:var(--ink-3);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .12s}.subtab:hover{border-color:var(--mut-3);color:var(--ink-2)}.subtab.on{background:var(--blue-dk);border-color:var(--blue);color:var(--blue-3);font-weight:600}.badge{white-space:nowrap;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.tbl-head{border-bottom:1px solid var(--line);background:var(--panel-2);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:grid}.tbl-row{border-bottom:1px solid var(--line-2);border-left:3px solid #0000;align-items:center;gap:8px;padding:11px 14px;transition:background .1s;display:grid}.tbl-row:hover{background:var(--panel-2)}.empty{text-align:center;color:var(--mut-2);padding:48px;font-size:13px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#10172973;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;width:100%;max-height:92vh;overflow-y:auto}.field-label{color:var(--ink-3);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.field-input{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--ink-2);border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:block}.field-input::placeholder{color:var(--mut-3)}.field-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}@media (width<=860px){.page{padding:12px}.kpi .v{font-size:20px}.hide-mobile{display:none!important}.main-grid{grid-template-columns:1fr!important}.tbl-scroll{overflow-x:auto}.tbl-scroll>div{min-width:760px}}.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}