:root{--surface-page:#F8FAFC;--surface-card:#FFFFFF;--surface-card-hover:#FAFBFE;--surface-elevated:#FFFFFF;--surface-overlay:rgba(255,255,255,0.92);--surface-sunken:#F1F5F9;--surface-accent:#F5F3FF;--glass-bg:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.06);--border-subtle:#F1F5F9;--border-default:#E2E8F0;--border-strong:#CBD5E1;--border-brand:rgba(139,92,246,0.3);--text-heading:#0F172A;--text-body:#334155;--text-muted:#64748B;--text-faint:#94A3B8;--text-on-brand:#FFFFFF;--brand-accent:#7C3AED;--brand-accent-light:#EDE9FE;--brand-accent-hover:#6D28D9;--card-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--card-shadow-hover:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.03);--card-shadow-elevated:0 8px 24px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--card-radius:16px;--card-radius-sm:12px;--sidebar-width:264px;--sidebar-collapsed-width:72px}.dark{--surface-page:#030014;--surface-card:rgba(17,11,36,0.8);--surface-card-hover:rgba(26,16,48,0.9);--surface-elevated:rgba(26,16,48,0.95);--surface-overlay:rgba(3,0,20,0.92);--surface-sunken:rgba(3,0,20,0.6);--surface-accent:rgba(139,92,246,0.08);--glass-bg:rgba(17,11,36,0.6);--glass-border:rgba(139,92,246,0.12);--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--border-subtle:rgba(139,92,246,0.06);--border-default:rgba(139,92,246,0.12);--border-strong:rgba(139,92,246,0.2);--border-brand:rgba(139,92,246,0.4);--text-heading:#F8FAFC;--text-body:#CBD5E1;--text-muted:#94A3B8;--text-faint:#64748B;--text-on-brand:#FFFFFF;--brand-accent:#A78BFA;--brand-accent-light:rgba(139,92,246,0.15);--brand-accent-hover:#C4B5FD;--card-shadow:0 1px 3px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.12);--card-shadow-hover:0 4px 12px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.2);--card-shadow-elevated:0 8px 24px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.25)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow)}.premium-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:all .2s cubic-bezier(.22,1,.36,1)}.premium-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-strong);transform:translateY(-1px)}.elevated-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--card-radius);box-shadow:var(--card-shadow-elevated)}.table-row-premium{transition:background-color .15s ease}.table-row-premium:hover{background-color:var(--surface-card-hover)}.skeleton-premium{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-card) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-ring-premium:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--brand-accent)}.badge-premium{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(0,200,220,.1));border:1px solid rgba(139,92,246,.2);color:var(--brand-accent);padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:500}.dark .badge-premium{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(0,200,220,.1));border-color:rgba(139,92,246,.3)}.empty-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-premium .icon-container{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--brand-accent-light),var(--surface-accent));display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}