:root{--layout-gap:12px;--layout-padding:12px;--sidebar-width-left:12%;--sidebar-width-right:27%;--sidebar-width-collapsed:60px;--header-height:76px;--border-radius-large:20px;--border-radius-medium:12px;--border-radius-small:8px;--sidebar-width:var(--sidebar-width-right);--bg-primary:var(--background-color);--background-primary:var(--background-color);--text-primary:var(--text-color);--text-secondary:var(--text-secondary-color);--text-tertiary:var(--text-muted);--text-error:var(--error-color);--text-success:var(--success-color);--accent-primary:var(--primary-color);--accent-secondary:var(--primary-hover);--accent-primary-rgb:59,130,246;--background-color:#f8fafc;--background-gradient:linear-gradient(135deg,#f1f5f9,#e2e8f0);--surface:#ffffff;--surface-color:rgba(255,255,255,0.7);--surface-elevated:rgba(255,255,255,0.9);--glass-bg:rgba(255,255,255,0.35);--glass-bg-strong:rgba(255,255,255,0.5);--glass-border:#D1D5DB;--glass-border-strong:rgba(255,255,255,0.4);--border-color:#D1D5DB;--border-light:#E5E7EB;--border-strong:#9CA3AF;--text-color:#0f172a;--text-secondary-color:#475569;--text-muted:#64748b;--text-on-glass:#1e293b;--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#6366f1;--accent-color:#8b5cf6;--hover-bg:rgba(59,130,246,0.1);--active-bg:rgba(59,130,246,0.15);--focus-ring:rgba(59,130,246,0.3);--status-active:#10b981;--status-active-bg:rgba(16,185,129,0.1);--status-active-border:rgba(16,185,129,0.2);--status-pending:#f59e0b;--status-pending-bg:rgba(245,158,11,0.1);--status-pending-border:rgba(245,158,11,0.2);--status-inactive:#6b7280;--status-inactive-bg:rgba(107,114,128,0.1);--status-inactive-border:rgba(107,114,128,0.2);--status-error:#ef4444;--status-error-bg:rgba(239,68,68,0.1);--status-error-border:rgba(239,68,68,0.2);--status-info:#3b82f6;--status-info-bg:rgba(59,130,246,0.1);--status-info-border:rgba(59,130,246,0.2);--success-color:var(--status-active);--success-bg:var(--status-active-bg);--success-border:var(--status-active-border);--error-color:var(--status-error);--error-bg:var(--status-error-bg);--error-border:var(--status-error-border);--warning-color:var(--status-pending);--warning-bg:var(--status-pending-bg);--warning-border:var(--status-pending-border);--shadow-light:rgba(15,23,42,0.04);--shadow-medium:rgba(15,23,42,0.08);--shadow-strong:rgba(15,23,42,0.12);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.08);--backdrop-blur:blur(16px);--backdrop-saturate:saturate(180%);--skeleton-base:rgba(203,213,225,0.2);--skeleton-shine:rgba(203,213,225,0.4)}[data-theme=dark]{--background-primary:#0f0f14;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-error:#ef4444;--text-success:#10b981;--accent-primary:#60a5fa;--accent-secondary:#3b82f6;--accent-primary-rgb:96,165,250;--background-color:#0f0f14;--background-gradient:linear-gradient(135deg,#16161a,#1a1a23);--surface:#1f202b;--surface-color:rgba(31,32,43,0.6);--surface-elevated:rgba(31,32,43,0.8);--glass-bg:rgba(31,32,43,0.5);--glass-bg-strong:rgba(31,32,43,0.7);--glass-border:rgba(255,255,255,0.12);--glass-border-strong:rgba(255,255,255,0.18);--border-color:#4B5563;--border-light:#374151;--border-strong:#6B7280;--text-color:#f1f5f9;--text-secondary-color:#cbd5e1;--text-muted:#94a3b8;--text-on-glass:#e2e8f0;--primary-color:#60a5fa;--primary-hover:#3b82f6;--secondary-color:#818cf8;--accent-color:#a78bfa;--hover-bg:rgba(96,165,250,0.1);--active-bg:rgba(96,165,250,0.15);--focus-ring:rgba(96,165,250,0.4);--status-active:#10b981;--status-active-bg:rgba(16,185,129,0.15);--status-active-border:rgba(16,185,129,0.3);--status-pending:#fbbf24;--status-pending-bg:rgba(251,191,36,0.15);--status-pending-border:rgba(251,191,36,0.3);--status-inactive:#9ca3af;--status-inactive-bg:rgba(156,163,175,0.15);--status-inactive-border:rgba(156,163,175,0.3);--status-error:#f87171;--status-error-bg:rgba(248,113,113,0.15);--status-error-border:rgba(248,113,113,0.3);--status-info:#60a5fa;--status-info-bg:rgba(96,165,250,0.15);--status-info-border:rgba(96,165,250,0.3);--success-color:var(--status-active);--success-bg:var(--status-active-bg);--success-border:var(--status-active-border);--error-color:var(--status-error);--error-bg:var(--status-error-bg);--error-border:var(--status-error-border);--warning-color:var(--status-pending);--warning-bg:var(--status-pending-bg);--warning-border:var(--status-pending-border);--shadow-light:rgba(0,0,0,0.08);--shadow-medium:rgba(0,0,0,0.15);--shadow-strong:rgba(0,0,0,0.25);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.15);--backdrop-blur:blur(20px);--backdrop-saturate:saturate(150%);--skeleton-base:rgba(71,85,105,0.2);--skeleton-shine:rgba(71,85,105,0.4)}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif;background:var(--background-color);color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(180,119,255,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.15) 0,transparent 50%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--glass-bg-strong);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:4px;border:1px solid var(--glass-border);box-shadow:0 2px 8px 0 var(--shadow-light);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-color:var(--primary-color);box-shadow:0 4px 16px 0 var(--shadow-medium),0 2px 8px 0 rgba(59,130,246,.3)}::-webkit-scrollbar-thumb:active{background:var(--primary-hover)}::-webkit-scrollbar-corner{background:transparent}*,.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--glass-bg-strong) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-bg-strong);border-radius:3px;border:none;box-shadow:0 1px 4px 0 var(--shadow-light)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color);box-shadow:0 2px 8px 0 rgba(59,130,246,.4)}.transparent-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.transparent-scrollbar::-webkit-scrollbar{width:0;height:0;background:transparent}.transparent-scrollbar::-webkit-scrollbar-track{background:transparent}.transparent-scrollbar::-webkit-scrollbar-thumb{background:transparent;border:none;box-shadow:none}.transparent-scrollbar::-webkit-scrollbar-corner{background:transparent}