*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg-body);color:var(--color-text-primary);transition:background-color .3s,color .3s}:root,[data-theme=light]{--color-bg-body:#f8f9fb;--color-bg-surface:#ffffffd9;--color-bg-surface-solid:#fff;--color-bg-elevated:#fffffff2;--color-bg-content:#00000005;--color-bg-page-title:#00000005;--color-bg-stat-card:#fff;--color-bg-empty:#0000000a;--color-border:#0000000f;--color-border-hover:#0000001a;--color-border-strong:#0000001f;--color-text-primary:#000000e0;--color-text-secondary:#0000008c;--color-text-tertiary:#00000059;--color-text-disabled:#00000040;--color-text-placeholder:#0000004d;--color-scrollbar-thumb:#00000026;--color-scrollbar-thumb-hover:#00000040;--color-skeleton-from:#0000000a;--color-skeleton-via:#0000001a;--color-skeleton-to:#0000000a;--color-blob-accent:#7c9aff40;--color-blob-purple:#9b8af033;--color-morph-bg-primary:#7c9aff1f;--color-morph-bg-secondary:#7c9aff0f;--gradient-login-bg:linear-gradient(135deg, #eff6ff 0%, #eef2ff 30%, #f5f3ff 60%, #f8fafc 100%);--gradient-sidebar-bg:linear-gradient(180deg, #f8f9fbfa 0%, #f3f4f8fc 100%);--login-card-bg:#fffc;--login-card-border:#00000014;--login-card-shadow:0 8px 32px #00000014;--glass-surface-bg:#fffc;--stat-card-shadow:0 2px 8px #0000000f;--stat-card-shadow-hover:0 8px 24px #0000001a}[data-theme=dark]{--color-bg-body:#0d0e1a;--color-bg-surface:#0d0e1ae6;--color-bg-surface-solid:#14162b;--color-bg-elevated:#0d0e1af2;--color-bg-content:#ffffff08;--color-bg-page-title:#ffffff08;--color-bg-stat-card:#ffffff08;--color-bg-empty:#ffffff0a;--color-border:#ffffff0f;--color-border-hover:#ffffff1a;--color-border-strong:#ffffff1f;--color-text-primary:#ffffffe0;--color-text-secondary:#ffffff8c;--color-text-tertiary:#ffffff59;--color-text-disabled:#ffffff40;--color-text-placeholder:#ffffff4d;--color-scrollbar-thumb:#ffffff1f;--color-scrollbar-thumb-hover:#fff3;--color-skeleton-from:#ffffff0a;--color-skeleton-via:#ffffff14;--color-skeleton-to:#ffffff0a;--color-blob-accent:#7c9aff66;--color-blob-purple:#9b8af059;--color-morph-bg-primary:#ffffff14;--color-morph-bg-secondary:#ffffff0d;--gradient-login-bg:linear-gradient(135deg, #1a1c2e 0%, #252840 30%, #1e2040 60%, #1a1c32 100%);--gradient-sidebar-bg:linear-gradient(180deg, #0d0e1afa 0%, #0b0c16fc 100%);--login-card-bg:#ffffff0a;--login-card-border:#ffffff14;--login-card-shadow:0 8px 32px #0006;--glass-surface-bg:#0d0e1ae6;--stat-card-shadow:0 2px 8px #0003;--stat-card-shadow-hover:0 8px 24px #00000059}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.glass-surface{-webkit-backdrop-filter:blur(12px);background:var(--glass-surface-bg)}.login-bg{background:var(--gradient-login-bg)}.decorative-blob{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.stat-card{border:1px solid var(--color-border);background:var(--color-bg-stat-card);cursor:pointer;border-radius:8px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--stat-card-shadow-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.page-title-card{background:var(--color-bg-page-title);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:14px 20px}.empty-state{color:var(--color-text-disabled);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.sidebar-bg{background:var(--gradient-sidebar-bg)}.morph-shape{animation:8s ease-in-out infinite morphShape}.skeleton-block{background:linear-gradient(90deg, var(--color-skeleton-from) 25%, var(--color-skeleton-via) 50%, var(--color-skeleton-to) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes morphShape{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}@keyframes barGrow{0%{opacity:0;height:0}to{height:var(--bar-height);opacity:1}}