:root{--bg: #f3f5f8;--surface: #ffffff;--surface-2: #f7f8fb;--primary: #3b57d1;--primary-hover: #3149b8;--primary-soft: #eef1fb;--primary-ink: #2a3f9e;--sidebar: #101828;--sidebar-2: #1a2438;--text: #121826;--muted: #667085;--border: #e6e8ee;--border-strong: #d5d9e2;--success: #0f7a56;--success-bg: #e7f6ef;--warning: #9a6700;--warning-bg: #fbf4e4;--danger: #c2413a;--danger-bg: #fdecec;--info: #1d4ed8;--info-bg: #e8f0fe;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 10px 28px rgba(16, 24, 40, .08);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--space: 8px;--font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: .16s ease;--accent: var(--primary);--focus: 0 0 0 3px rgba(59, 87, 209, .22)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:var(--focus)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13.5px;font-weight:550;cursor:pointer;line-height:1.2;background:var(--surface);color:var(--text);transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease);text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.primary:active:not(:disabled){transform:translateY(1px)}.btn.ghost,.btn.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.ghost:hover:not(:disabled),.btn.secondary:hover:not(:disabled){background:var(--surface-2)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.icon{width:36px;padding:0}.btn.block{width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{margin:0;font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.page-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--primary-soft);color:var(--primary-ink);white-space:nowrap}.badge[data-tone=blue]{background:#e8f0fe;color:#1d4ed8}.badge[data-tone=cyan]{background:#e7f6f8;color:#0e7490}.badge[data-tone=violet]{background:#f3e8ff;color:#6d28d9}.badge[data-tone=indigo]{background:#eef1fb;color:#3730a3}.badge[data-tone=amber]{background:#fbf4e4;color:#92400e}.badge[data-tone=orange]{background:#ffedd5;color:#c2410c}.badge[data-tone=purple]{background:#f3e8ff;color:#7e22ce}.badge[data-tone=green]{background:var(--success-bg);color:var(--success)}.badge[data-tone=red]{background:var(--danger-bg);color:var(--danger)}.badge[data-tone=slate]{background:#f1f3f6;color:#475467}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:500}.field input,.field select,.field textarea,input.ctrl,select.ctrl,textarea.ctrl{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:450}textarea.ctrl,.field textarea{min-height:88px;resize:vertical}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto}.table-card table{width:100%;border-collapse:collapse;font-size:13.5px}.table-card th,.table-card td{padding:12px 16px;text-align:start;border-bottom:1px solid #f0f2f5;vertical-align:middle}.table-card th{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#8b93a3;background:#fafbfd}.table-card tbody tr{transition:background var(--ease)}.table-card tbody tr:hover{background:#fafbfd}.table-card a.name{color:var(--text);font-weight:600;text-decoration:none}.table-card a.name:hover{color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 24px;color:var(--muted)}.empty-state strong{color:var(--text);font-size:15px}.empty-state p{margin:0;max-width:360px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:#3a445c;font-size:12.5px;font-weight:500;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease)}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--primary-soft);color:var(--primary-ink);border-color:#d5dcf6;font-weight:650}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d5d9e2;border-radius:999px;border:2px solid transparent;background-clip:padding-box}