:root{--color-primary:#2b3674;--color-primary-light:#4a5b9e;--color-primary-dark:#1a2150;--color-secondary:#4318ff;--color-accent:#f97316;--color-accent-light:#fb923c;--color-bg-main:#f4f7fe;--color-bg-card:#fff;--color-bg-sidebar:#fff;--color-bg-dark:#111827;--color-text-primary:#1b2559;--color-text-secondary:#a3aed0;--color-text-light:#fff;--color-status-green:#10b981;--color-status-green-bg:#10b9811a;--color-status-yellow:#f59e0b;--color-status-yellow-bg:#f59e0b1a;--color-status-red:#ef4444;--color-status-red-bg:#ef44441a;--color-chart-1:#4318ff;--color-chart-2:#6ad2ff;--color-chart-3:#f97316;--color-chart-4:#10b981;--color-chart-5:#8b5cf6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-card:0 4px 24px #0000000f;--shadow-glow:0 0 30px #4318ff26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:280px;--header-height:72px;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:blur(12px);--border-color:#f1f5f9}[data-theme=dark]{--color-primary:#a5b4fc;--color-primary-light:#818cf8;--color-primary-dark:#6366f1;--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-bg-sidebar:#1e293b;--color-bg-dark:#020617;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 30px #6366f14d;--glass-bg:#1e293bcc;--glass-border:#47556980;--border-color:#334155}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg-main);color:var(--color-text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.statusGreen{border-left:4px solid var(--color-status-green)!important;background:linear-gradient(90deg,var(--color-status-green-bg)0%,transparent 30%)!important}.statusYellow{border-left:4px solid var(--color-status-yellow)!important;background:linear-gradient(90deg,var(--color-status-yellow-bg)0%,transparent 30%)!important}.statusRed{border-left:4px solid var(--color-status-red)!important;background:linear-gradient(90deg,var(--color-status-red-bg)0%,transparent 30%)!important}.importantGlow{box-shadow:0 0 20px #f973164d,var(--shadow-card)!important;border:1px solid #f973164d!important}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}::selection{background:var(--color-secondary);color:var(--color-text-light)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary-light));color:var(--color-text-light)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid #0000001a}.btn-secondary:hover{background:var(--color-bg-main)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-secondary);background:#4318ff1a}.badge-success{background:var(--color-status-green-bg);color:var(--color-status-green)}.badge-warning{background:var(--color-status-yellow-bg);color:var(--color-status-yellow)}.badge-danger{background:var(--color-status-red-bg);color:var(--color-status-red)}.modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emptyState{padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.emptyState svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-bg-main);border-top-color:var(--color-secondary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}