:root{--primary-purple:#5048e5;--primary-indigo:#5b55e8;--secondary-purple:#6463ed;--periwinkle:#7d87f6;--light-periwinkle:#eef0ff;--very-light-bg:#f7f8ff;--white:#fff;--main-text:#1f2340;--secondary-text:#6b708a;--border:#e2e5f5;--border-strong:#cdd2ec;--bg-page:#f7f8ff;--bg-surface:#fff;--bg-sidebar:#fff;--bg-canvas-soft:#eef0ff;--text-primary:#1f2340;--text-secondary:#6b708a;--text-muted:#8f94b0;--border-line:#e2e5f5;--brand-primary:#5048e5;--brand-deep:#5048e5;--brand-deepest:#3730a3;--brand-indigo:#5b55e8;--brand-secondary:#6463ed;--brand-periwinkle:#7d87f6;--brand-light:#eef0ff;--brand-gradient:linear-gradient(90deg,#5048e5,#7d87f6);--brand-gradient-hover:linear-gradient(90deg,#4338ca,#6366f1);--violet-900:#1e1b4b;--violet-800:#3730a3;--violet-700:#4338ca;--violet-600:#5048e5;--violet-500:#6463ed;--violet-400:#7d87f6;--violet-300:#a5b4fc;--violet-200:#c7d2fe;--violet-100:#eef0ff;--violet-50:#f7f8ff;--surface-0:#fff;--surface-1:#f7f8ff;--surface-2:#eef0ff;--nav-active-bg:#eef0ff;--nav-active-text:#5048e5;--nav-hover-bg:#eef0ff;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-card:20px;--radius-input:12px;--radius-pill:30px;--radius-full:9999px;--radius-icon-badge:9999px;--shadow-xs:0 1px 2px rgba(31,35,64,.04);--shadow-sm:0 1px 3px rgba(31,35,64,.05);--shadow-md:0 4px 16px rgba(80,72,229,.08);--shadow-lg:0 10px 28px rgba(80,72,229,.12);--shadow-card:0 4px 20px -2px rgba(80,72,229,.05);--shadow-card-hover:0 12px 28px -4px rgba(80,72,229,.09);--shadow-popup:0 12px 36px rgba(31,35,64,.14),0 24px 60px rgba(80,72,229,.12);--shadow-pill:0 8px 20px rgba(80,72,229,.22);--shadow-focus:0 0 0 3px rgba(80,72,229,.1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:300ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--font-family-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-display:'"Space Grotesk"',"Inter",sans-serif;--font-kpi-value:700 32px/1.1 "Inter",sans-serif;--font-label:600 14px/1.4 "Inter",sans-serif;--font-subtext:500 13px/1.4 "Inter",sans-serif;--badge-blue:#e8eeff;--badge-blue-icon:#5048e5;--badge-green:#e6fbf0;--badge-green-icon:#10b981;--badge-yellow:#fef7dc;--badge-yellow-icon:#f59e0b;--badge-purple:#eef0ff;--badge-purple-icon:#6463ed;--badge-pink:#fdf2f8;--badge-pink-icon:#db2777;--badge-cyan:#e0f7fa;--badge-cyan-icon:#0284c7;--status-ok:#16a34a;--status-ok-bg:#dcfce7;--status-warn:#d97706;--status-warn-bg:#fef3c7;--status-err:#dc2626;--status-err-bg:#fee2e2;--status-off:#6b708a;--status-off-bg:#f1f3fb}*{scrollbar-width:thin;scrollbar-color:#cdd2ec transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cdd2ec;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#8f94b0}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#eef0ff 25%,#f7f8ff 37%,#eef0ff 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}