:root{--cl-primary: #4f46e5;--cl-primary-dark: #4338ca;--cl-primary-fg: #ffffff;--cl-accent: #f59e0b;--cl-font-family: "Inter", system-ui, -apple-system, sans-serif;--cl-surface: #ffffff;--cl-bg: #f4f5f7;--cl-text: #111827;--cl-text-muted: #6b7280;--cl-border: #e5e7eb;--cl-error: #ef4444;--cl-error-bg: #fee2e2;--cl-success: #22c55e;--cl-success-bg: #dcfce7;--cl-warning: #f59e0b;--cl-warning-bg: #fef9c3;--cl-radius-sm: 4px;--cl-radius-md: 6px;--cl-radius-lg: 10px;--cl-radius-xl: 14px;--cl-radius-full: 999px;--cl-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--cl-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--cl-shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--cl-space-1: 4px;--cl-space-2: 8px;--cl-space-3: 12px;--cl-space-4: 16px;--cl-space-5: 20px;--cl-space-6: 24px;--cl-space-8: 32px;--cl-nav-w: 260px;--cl-topbar-h: 56px;--color-primary: var(--cl-primary);--color-primary-dark: var(--cl-primary-dark);--color-accent: var(--cl-accent);--color-surface: var(--cl-surface);--color-bg: var(--cl-bg);--color-text: var(--cl-text);--color-muted: var(--cl-text-muted);--color-border: var(--cl-border);--color-error: var(--cl-error);--color-success: var(--cl-success);--shadow-sm: var(--cl-shadow-sm);--shadow-md: var(--cl-shadow-md);--radius: var(--cl-radius-md);--radius-lg: var(--cl-radius-lg);--nav-w: var(--cl-nav-w);--topbar-h: var(--cl-topbar-h)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--cl-font-family);font-size:14px;line-height:1.5;background:var(--cl-bg);color:var(--cl-text)}a{color:var(--cl-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--cl-border);border-radius:3px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cl-space-5);gap:var(--cl-space-4);flex-wrap:wrap}.page-header h1{font-size:1.25rem;font-weight:700}.muted{color:var(--cl-text-muted);font-size:.875rem}.card{background:var(--cl-surface);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-sm);border:1px solid var(--cl-border);padding:var(--cl-space-5)}.btn-danger,.btn-ghost,.btn-primary{display:inline-flex;align-items:center;gap:var(--cl-space-2);padding:var(--cl-space-2) var(--cl-space-4);border:none;border-radius:var(--cl-radius-md);font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s;text-decoration:none}.btn-danger:disabled,.btn-ghost:disabled,.btn-primary:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--cl-primary);color:var(--cl-primary-fg)}.btn-primary:hover{background:var(--cl-primary-dark)}.btn-ghost{background:transparent;color:var(--cl-text);border:1.5px solid var(--cl-border)}.btn-ghost:hover{background:var(--cl-bg)}.btn-danger{background:var(--cl-error);color:#fff}.btn-sm{padding:var(--cl-space-1) var(--cl-space-3)!important;font-size:.8125rem!important}.form-field{display:flex;flex-direction:column;gap:var(--cl-space-1)}.form-field label{font-size:.8125rem;font-weight:600;color:var(--cl-text-muted)}.form-field input,.form-field select,.form-field textarea{padding:var(--cl-space-2) var(--cl-space-3);border:1.5px solid var(--cl-border);border-radius:var(--cl-radius-md);background:var(--cl-surface);color:var(--cl-text)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--cl-primary)}.form-field textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;padding:2px var(--cl-space-2);border-radius:var(--cl-radius-full);font-size:.6875rem;font-weight:700}.badge-blue{background:color-mix(in srgb,var(--cl-primary) 14%,transparent);color:var(--cl-primary-dark)}.badge-green{background:var(--cl-success-bg);color:#15803d}.badge-yellow{background:var(--cl-warning-bg);color:#a16207}.badge-red{background:var(--cl-error-bg);color:#b91c1c}.badge-gray{background:var(--cl-bg);color:var(--cl-text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:var(--cl-space-2) var(--cl-space-3);font-size:.6875rem;font-weight:700;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--cl-border)}table td{padding:var(--cl-space-3);border-bottom:1px solid var(--cl-border);vertical-align:middle}table tr:last-child td{border-bottom:none}table tr:hover td{background:var(--cl-bg)}.empty-state{text-align:center;padding:var(--cl-space-8) var(--cl-space-4);color:var(--cl-text-muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:var(--cl-space-3)}.spinner{display:flex;justify-content:center;padding:var(--cl-space-8)}.spinner:after{content:"";width:28px;height:28px;border:3px solid var(--cl-border);border-top-color:var(--cl-primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--cl-error-bg);color:#b91c1c;padding:var(--cl-space-2) var(--cl-space-3);border-radius:var(--cl-radius-md);font-size:.875rem;margin-bottom:var(--cl-space-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--cl-space-4);margin-top:var(--cl-space-4);font-size:.875rem;color:var(--cl-text-muted)}