.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:36px;padding:0 var(--space-2);border-radius:6px;border:1px solid transparent;font-family:var(--font-family);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:not(:disabled):hover{opacity:.9}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-border)}.btn--danger{background-color:var(--color-danger);color:#fff}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.field__label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.field__error{font-size:12px;color:var(--color-danger)}.input{height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--color-border);font-family:var(--font-family);font-size:14px;background-color:var(--color-background);color:var(--color-text-primary)}.input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.input--invalid{border-color:var(--color-danger)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--color-text-secondary);padding:8px 12px;border-bottom:1px solid var(--color-border)}.table td{padding:10px 12px;border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}.table tbody tr:hover{background-color:var(--color-surface)}.state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:8px}.state-panel--error{color:var(--color-danger);border-color:var(--color-danger)}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar content";min-height:100vh}.app-shell__sidebar{grid-area:sidebar;background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.app-shell__brand{font-weight:700;font-size:16px;padding:0 8px var(--space-2)}.app-shell__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border)}.app-shell__content{grid-area:content;padding:var(--space-3);overflow-y:auto}.nav-link{display:block;padding:8px;border-radius:6px;font-size:14px;font-weight:600;color:var(--color-text-primary);text-decoration:none}.nav-link:hover{background-color:var(--color-border)}.nav-link--active{background-color:var(--color-primary);color:#fff}:root{--color-primary: #0b3d91;--color-secondary: #00a651;--color-accent: #f2a900;--color-danger: #d7263d;--color-background: #ffffff;--color-surface: #f5f6f8;--color-text-primary: #111318;--color-text-secondary: #5a5f6b;--color-border: #e1e3e8;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px}@media (prefers-color-scheme: dark){:root{--color-background: #0f1115;--color-surface: #1a1c22;--color-text-primary: #f5f6f8;--color-border: #2a2d35}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-background);font-size:14px;line-height:1.4}