:root{--bg-deep: #0a0e27;--bg-surface: #111830;--bg-card: #182048;--bg-hover: #1e2a58;--bg-active: #1a2d5e;--border: #243070;--border-light: #1e2a5a;--primary: #00d4ff;--primary-glow: rgba(0, 212, 255, .12);--primary-dim: rgba(0, 212, 255, .06);--secondary: #4f7cff;--accent: #00f5d4;--success: #00d68f;--warning: #ffaa00;--danger: #ff3d71;--text-primary: #e2e8f0;--text-secondary: #8fa3c0;--text-muted: #4d647e;--gradient-1: linear-gradient(135deg, #00d4ff 0%, #4f7cff 100%);--gradient-2: linear-gradient(135deg, #00f5d4 0%, #00d4ff 100%);--sidebar-w: 252px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,Segoe UI,sans-serif;background:var(--bg-deep);color:var(--text-primary);font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:inherit;text-decoration:none}.btn-primary{padding:8px 14px;background:var(--gradient-1);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 3px 12px var(--primary-glow);transition:.15s}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:8px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:5px 10px;font-size:11px}.btn-success{background:var(--success);color:#04231a}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:5px 10px;border-radius:7px;font-size:11px;cursor:pointer}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.muted{color:var(--text-muted)}.sec{color:var(--text-secondary)}input,select,textarea{font-family:inherit}.field{width:100%;padding:9px 12px;background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;transition:.2s}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}label.lb{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:5px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px}.badge.ok{background:#00d68f24;color:var(--success)}.badge.warn{background:#ffaa0024;color:var(--warning)}.badge.danger{background:#ff3d7124;color:var(--danger)}.badge.info{background:var(--primary-glow);color:var(--primary)}.badge.neutral{background:var(--bg-hover);color:var(--text-secondary)}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;padding:11px 12px;color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.sortable:hover{color:var(--primary)}.tbl td{padding:11px 12px;border-bottom:1px solid var(--border-light)}.tbl tbody tr{transition:.12s}.tbl tbody tr:hover{background:var(--bg-hover)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;top:18px;right:18px;z-index:3000;display:flex;flex-direction:column;gap:8px}.toast{padding:11px 16px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:12.5px;box-shadow:0 12px 32px #00000080;min-width:240px;border-left:3px solid var(--primary);animation:slideIn .2s ease}.toast.ok{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04071499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:560px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 24px 64px #0009}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border-light);display:flex;align-items:center}.modal-head h3{font-size:16px;font-weight:700}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:10px}.drawer{position:fixed;top:0;right:0;height:100vh;width:480px;max-width:calc(100vw - 40px);background:var(--bg-surface);border-left:1px solid var(--border);z-index:2000;overflow-y:auto;box-shadow:-20px 0 60px #00000080;animation:drawerIn .2s ease}@keyframes drawerIn{0%{transform:translate(40px);opacity:.6}}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form .full{grid-column:1 / -1}