:root{--color-primary:#d32f2f;--color-primary-hover:#b71c1c;--color-secondary:#0d47a1;--color-secondary-hover:#002171;--color-background:#f3f4f6;--color-surface:#fff;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font-family:"Inter", system-ui, -apple-system, sans-serif;--c-black:#000;--c-white:#fff;--c-slate-50:#f8fafc;--c-slate-100:#f1f5f9;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-slate-200:#e2e8f0;--c-slate-300:#cbd5e1;--c-slate-600:#475569;--c-gray-700:#374151;--c-slate-700:#334155;--c-gray-800:#1f2937;--c-green-50:#f0fdf4;--c-emerald-50:#ecfdf5;--c-green-100:#dcfce7;--c-emerald-400:#34d399;--c-green-500:#22c55e;--c-green-700:#15803d;--c-green-800:#166534;--c-emerald-600:#059669;--c-emerald-900:#064e3b;--c-blue-50:#eff6ff;--c-indigo-50:#eef2ff;--c-blue-300:#93c5fd;--c-blue-500:#3b82f6;--c-blue-600:#2563eb;--c-blue-800:#1e40af;--c-blue-900:#1e3a8a;--c-red-50:#fef2f2;--c-pink-50:#fce7f3;--c-red-300:#fca5a5;--c-red-500:#ef4444;--c-red-600:#dc2626;--c-pink-700:#be185d;--c-red-800:#991b1b;--c-amber-50:#fffbeb;--c-amber-100:#fef3c7;--c-amber-300:#fcd34d;--c-amber-500:#f59e0b;--c-amber-600:#d97706;--c-amber-700:#b45309;--c-amber-800:#92400e;--c-purple-50:#f3e8ff;--c-purple-300:#d8b4fe;--c-purple-600:#9333ea;--c-purple-700:#7e22ce;--c-purple-800:#6b21a8;--c-purple-900:#581c87}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--c-black:#fff;--c-white:#1e293b;--c-slate-50:#0f172a;--c-slate-100:#1e293b;--c-gray-100:#1e293b;--c-gray-200:#334155;--c-slate-200:#334155;--c-slate-300:#475569;--c-slate-600:#cbd5e1;--c-gray-700:#e2e8f0;--c-slate-700:#e2e8f0;--c-gray-800:#f8fafc;--c-green-50:#22c55e1a;--c-emerald-50:#10b9811a;--c-green-100:#22c55e33;--c-emerald-400:#10b981;--c-green-500:#22c55e;--c-green-700:#4ade80;--c-green-800:#4ade80;--c-emerald-600:#34d399;--c-emerald-900:#6ee7b7;--c-blue-50:#3b82f61a;--c-indigo-50:#6366f11a;--c-blue-300:#3b82f6;--c-blue-500:#3b82f6;--c-blue-600:#60a5fa;--c-blue-800:#93c5fd;--c-blue-900:#bfdbfe;--c-red-50:#ef44441a;--c-pink-50:#ec48991a;--c-red-300:#ef4444;--c-red-500:#ef4444;--c-red-600:#f87171;--c-pink-700:#f472b6;--c-red-800:#fca5a5;--c-amber-50:#f59e0b1a;--c-amber-100:#f59e0b33;--c-amber-300:#f59e0b;--c-amber-500:#f59e0b;--c-amber-600:#fbbf24;--c-amber-700:#fcd34d;--c-amber-800:#fde68a;--c-purple-50:#a855f71a;--c-purple-300:#a855f7;--c-purple-600:#c084fc;--c-purple-700:#d8b4fe;--c-purple-800:#e9d5ff;--c-purple-900:#f3e8ff;--badge-success-bg:#10b98133;--badge-success-text:#34d399;--badge-warning-bg:#f59e0b33;--badge-warning-text:#fbbf24;--badge-danger-bg:#ef444433;--badge-danger-text:#f87171;--badge-info-bg:#3b82f633;--badge-info-text:#60a5fa;--table-th-bg:#334155;--table-hover-bg:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-container{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;padding:2rem;overflow-y:auto}.page-title{color:var(--color-text-main);margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.section-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);background-color:#0000}.btn-outline:hover{background-color:var(--color-background)}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{background:var(--badge-success-bg,#d1fae5);color:var(--badge-success-text,#065f46)}.badge-warning{background:var(--badge-warning-bg,#fef3c7);color:var(--badge-warning-text,#92400e)}.badge-danger{background:var(--badge-danger-bg,#fee2e2);color:var(--badge-danger-text,#991b1b)}.badge-info{background:var(--badge-info-bg,#dbeafe);color:var(--badge-info-text,#1e40af)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.login-container{background-color:var(--color-secondary);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:100%;max-width:400px;padding:3rem}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{color:var(--color-text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-control{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:.75rem;font-size:1rem}.input-control:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #0d47a11a}.table-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem}th{background-color:var(--table-th-bg,#f9fafb);color:var(--color-text-muted);font-size:.875rem;font-weight:600}tr:hover td{background-color:var(--table-hover-bg,#f9fafb)}