:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-canvas:#f1f3f5;--bg-surface:#fff;--bg-surface-subtle:#e8ecef;--bg-surface-elevated:#fff;--bg-dark-card:#111113;--bg-dark-card-inner:#1a1c22;--text-primary:#111113;--text-secondary:#5b6270;--text-muted:#8b93a0;--text-inverted:#fff;--border-light:#0000000f;--border-medium:#0000001f;--border-dark:#ffffff1a;--border-glass:#ffffffd9;--accent-green:#10b981;--accent-green-bg:#e6f9f0;--accent-green-text:#059669;--accent-orange:#f97316;--accent-orange-bg:#fff1e6;--accent-orange-text:#ea580c;--accent-blue:#3b82f6;--accent-red:#ef4444;--dock-bg:#111113;--dock-icon:#9ca3af;--dock-icon-hover:#fff;--dock-icon-active:#fff;--pill-bg:#ffffffd9;--pill-active-bg:#111113;--pill-active-text:#fff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px -2px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 12px 30px -4px #00000014, 0 4px 12px -2px #0000000a;--shadow-dock:0 18px 36px -8px #0000004d, 0 0 1px 1px #ffffff1a;--shadow-popover:0 12px 32px #00000024, 0 2px 8px #0000000f;--chart-bar-2025:#d1d5db;--chart-bar-2026:#111113;--chart-line:#111113;--chart-line-prev:#9ca3af}[data-theme=dark]{--bg-canvas:#0c0e12;--bg-surface:#14171d;--bg-surface-subtle:#1b1f27;--bg-surface-elevated:#1e222c;--bg-dark-card:#0a0b0e;--bg-dark-card-inner:#15181f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverted:#0f172a;--border-light:#ffffff12;--border-medium:#ffffff24;--border-dark:#ffffff1f;--border-glass:#ffffff14;--accent-green:#34d399;--accent-green-bg:#34d39924;--accent-green-text:#34d399;--accent-orange:#fb923c;--accent-orange-bg:#fb923c29;--accent-orange-text:#fb923c;--dock-bg:#14171d;--dock-icon:#64748b;--dock-icon-hover:#f8fafc;--dock-icon-active:#fff;--pill-bg:#14171dd9;--pill-active-bg:#fff;--pill-active-text:#0c0e12;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px -2px #0006;--shadow-lg:0 12px 36px -4px #0009;--shadow-dock:0 20px 45px -8px #000c, 0 0 0 1px #ffffff1a;--shadow-popover:0 14px 40px #000000b3, 0 0 0 1px #ffffff1a;--chart-bar-2025:#334155;--chart-bar-2026:#f8fafc;--chart-line:#f8fafc;--chart-line-prev:#475569}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-main);background-color:var(--bg-canvas);color:var(--text-primary);transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;font-family:inherit}.glass-pill{background:var(--pill-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:9999px}.glass-card{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.glass-card-subtle{background:var(--bg-surface-subtle);border:1px solid var(--border-light);border-radius:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.dark-hero-card{background:var(--bg-dark-card);color:#fff;border:1px solid #ffffff14;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px -4px #00000040}.hatched-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#0000001f 4px 8px)}[data-theme=dark] .hatched-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff1f 4px 8px)}@keyframes live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.live-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse}.dock-sidebar{z-index:100;background:var(--dock-bg);box-shadow:var(--shadow-dock);border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;left:18px;transform:translateY(-50%)}.dock-btn{width:36px;height:36px;color:var(--dock-icon);border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dock-btn:hover{color:var(--dock-icon-hover);background:#ffffff1f;transform:scale(1.08)}.dock-btn.active{color:var(--dock-icon-active);background:#ffffff2e}.dock-badge{color:#111113;background:#fff;border-radius:9999px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:2px;right:2px}.dock-divider{background:#ffffff1f;width:18px;height:1px;margin:2px 0}.dock-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;background:#111113;border:1px solid #ffffff1a;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 14px #00000040}.dock-tooltip:before{content:"";border:5px solid #0000;border-right-color:#111113;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.dock-btn:hover .dock-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(2px)}.page-container{box-sizing:border-box;width:100%;max-width:1480px;margin:0 auto;padding:10px 40px 60px 108px;transition:padding .3s cubic-bezier(.16,1,.3,1)}.analytics-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.analytics-bottom-grid{grid-template-columns:minmax(0,1fr) 350px;gap:20px;display:grid}.dash-bottom-grid{grid-template-columns:minmax(320px,36%) minmax(0,1fr);gap:20px;display:grid}.messages-split-grid{grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 250px);min-height:620px;display:grid}.kanban-board-grid{grid-template-columns:repeat(4,minmax(270px,1fr));align-items:start;gap:16px;display:grid}@media (width<=1280px){.page-container{padding:14px 28px 72px 104px}.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-bottom-grid{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=1024px){.page-container{padding:14px 20px 125px!important}.dock-sidebar{z-index:1000!important;background:var(--dock-bg)!important;border-radius:9999px!important;flex-direction:row!important;gap:10px!important;padding:8px 16px!important;position:fixed!important;top:auto!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 16px 40px #00000073!important}.dock-divider{width:1px!important;height:20px!important;margin:0 2px!important}.dock-tooltip{display:none!important}header{flex-wrap:wrap!important;gap:12px!important;padding:12px 20px!important}.header-brand{order:1}.header-actions{order:2}.mobile-scroll-tabs{-webkit-overflow-scrolling:touch;order:3;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.analytics-bottom-grid,.dash-bottom-grid{grid-template-columns:1fr!important}.kanban-board-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,80vw)!important;grid-auto-flow:column!important;padding-bottom:12px!important;overflow-x:auto!important}}@media (width<=768px){.page-container{padding:10px 14px 115px!important}.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.analytics-kpi-grid>:first-child{grid-column:span 2!important}.messages-split-grid{grid-template-columns:1fr!important;height:auto!important}}@media (width<=480px){.page-container{padding:8px 10px 110px!important}.dock-sidebar{gap:6px!important;padding:6px 12px!important;bottom:14px!important}.dock-btn{width:36px!important;height:36px!important}.dock-badge{font-size:9px!important;top:1px!important;right:1px!important}header{padding:10px 12px!important}}header{margin-bottom:28px!important}::view-transition-old(root){mix-blend-mode:normal!important;animation:none!important}::view-transition-new(root){mix-blend-mode:normal!important;animation:none!important}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:999999}[data-theme=light] .logo-dark-only{display:none!important}[data-theme=light] .logo-light-only{display:block!important}[data-theme=dark] .logo-light-only{display:none!important}[data-theme=dark] .logo-dark-only{display:block!important}