:root{--color-primary: #DC0000;--color-primary-hover: #B30000;--color-secondary: #1A1A1A;--color-bg: #F5F5F5;--color-surface: #FFFFFF;--color-border: #E0E0E0;--color-text: #1A1A1A;--color-text-muted: #6B6B6B;--color-success: #00873D;--color-warning: #F2A900;--color-danger: #D32F2F;--color-info: #0066CC;--font-base: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-h1: 28px;--fs-h2: 22px;--fs-h3: 18px;--fs-body: 14px;--fs-small: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-base);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--fs-h1);font-weight:700;margin:0 0 var(--space-5)}h2{font-size:var(--fs-h2);font-weight:700;margin:0 0 var(--space-4)}h3{font-size:var(--fs-h3);font-weight:600;margin:0 0 var(--space-3)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}th{background:var(--color-bg);text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--fs-small);text-transform:uppercase;color:var(--color-text-muted)}td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}tr:hover td{background:#dc00000a}label{display:block;margin-bottom:var(--space-3);font-weight:500}label span.label-text{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--fs-small)}[data-testid=loading]{padding:var(--space-5);color:var(--color-text-muted);text-align:center}[data-testid=error],[role=alert]{padding:var(--space-3) var(--space-4);background:#fdecea;color:var(--color-danger);border-radius:var(--radius);margin-bottom:var(--space-4)}[data-testid=empty]{padding:var(--space-5);color:var(--color-text-muted);text-align:center}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:60px 1fr;min-height:100vh;max-width:100vw}.layout>header{grid-column:1 / -1;height:60px;background:var(--color-secondary);color:#fff;display:flex;align-items:center;padding:0 var(--space-5);justify-content:space-between;flex-wrap:nowrap;gap:12px;min-width:0;overflow:hidden}.layout>header h1{font-size:var(--fs-h3);margin:0;color:#fff;white-space:nowrap}.layout>aside{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) 0;min-width:0}.layout>aside nav a{display:block;padding:var(--space-3) var(--space-5);color:var(--color-text);border-left:3px solid transparent}.layout>aside nav a.active,.layout>aside nav a:hover{background:var(--color-bg);border-left-color:var(--color-primary);text-decoration:none}.layout>main{padding:var(--space-6);overflow-x:auto;overflow-y:auto;min-width:0}.layout>main table{width:100%}.layout>main .page-header{flex-wrap:wrap;gap:12px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.empty-card{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-6);text-align:center;color:var(--color-text-muted)}@media (max-width: 768px){.layout{grid-template-columns:1fr}.layout>aside{display:none}}