:root{--color-black: #080808;--color-jet: #363636;--color-platinum: #e3e3e3;--color-white: #fcfcfc;--color-blue: #0022e9;--color-red: #e90022;--color-navy: #001590;--color-burgundy: #900015;--color-black-pure: #000000;--color-white-pure: #ffffff;--bg-app: var(--color-white);--bg-surface: var(--color-white-pure);--bg-inverse: var(--color-black);--text-primary: var(--color-black);--text-muted: var(--color-jet);--border-subtle: var(--color-platinum);--accent: var(--color-blue);--accent-strong: var(--color-navy);--danger: var(--color-red);--danger-strong: var(--color-burgundy);--radius: 10px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app)}button{font-family:inherit;cursor:pointer}a{color:var(--accent-strong)}.view-title{margin:0 0 var(--space-3)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3)}.field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--text-muted)}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:.95rem;background:var(--bg-surface)}.btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-weight:600}.btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--color-white-pure)}.btn--danger{background:var(--danger-strong);border-color:var(--danger-strong);color:var(--color-white-pure)}.btn:disabled{opacity:.6}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.table{width:100%;border-collapse:collapse;background:var(--bg-surface)}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:.92rem}.table th{color:var(--text-muted);font-weight:600}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--color-platinum)}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.error-text{color:var(--danger-strong);font-size:.9rem}.pagination{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}