:root{--lv8-crimson: #E8285A;--lv8-coral: #F4623A;--lv8-amber: #F5A623;--lv8-green: #7DB928;--lv8-teal: #19B5A0;--lv8-blue: #1B7FDE;--lv8-gradient: linear-gradient(135deg, #E8285A 0%, #F4623A 20%, #F5A623 40%, #7DB928 60%, #19B5A0 80%, #1B7FDE 100%);--lv8-gradient-subtle: linear-gradient(135deg, rgba(232,40,90,.15) 0%, rgba(27,127,222,.15) 100%);--status-success: #7DB928;--status-warning: #F5A623;--status-danger: #E8285A;--status-info: #1B7FDE;--status-neutral: #6B7280;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 240px;--sidebar-collapsed: 56px;--header-height: 56px;--rail-width: 360px;--rail-collapsed: 0px;--z-base: 1;--z-raised: 10;--z-modal: 100;--z-overlay: 200;--z-toast: 300;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}.dark,:root{--bg-base: #1A1D2E;--bg-subtle: #1E2133;--bg-surface: #242738;--bg-elevated: #2C2F45;--bg-overlay: #333650;--glass-xs: rgba(255,255,255,.03);--glass-sm: rgba(255,255,255,.05);--glass-md: rgba(255,255,255,.08);--glass-lg: rgba(255,255,255,.13);--text-primary: #E8ECF4;--text-secondary: #9BA3B8;--text-muted: #555A72;--text-disabled: #373D55;--text-inverse: #1A1D2E;--text-link: #1B7FDE;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--border-focus: #1B7FDE;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-xl: 0 16px 40px rgba(0,0,0,.7);--shadow-glow-blue: 0 0 20px rgba(27,127,222,.35);--shadow-glow-teal: 0 0 20px rgba(25,181,160,.35);--shadow-glow-green: 0 0 20px rgba(125,185,40,.35);--shadow-glow-red: 0 0 20px rgba(232,40,90,.35);--accent-system: #1B7FDE;--accent-project: #B392F0;--accent-ops: #7DB928;--accent-client: #19B5A0;--accent-partner: #F5A623;--accent-personal:#F4623A;--sidebar-bg: #1A1D2E;--sidebar-border: rgba(255,255,255,.07);--sidebar-item-hover: rgba(255,255,255,.06);--sidebar-item-active: rgba(27,127,222,.18);--header-bg: rgba(26,29,46,.92);--header-border: rgba(255,255,255,.07);--header-blur: blur(12px);--logo-filter: none;--scrollbar-track: transparent;--scrollbar-thumb: rgba(255,255,255,.12);--scrollbar-thumb-hover: rgba(255,255,255,.2)}.light{--bg-base: #F6F8FA;--bg-subtle: #EAEEF2;--bg-surface: #FFFFFF;--bg-elevated: #F3F4F6;--bg-overlay: #FFFFFF;--glass-xs: rgba(0,0,0,.02);--glass-sm: rgba(0,0,0,.04);--glass-md: rgba(0,0,0,.06);--glass-lg: rgba(0,0,0,.1);--text-primary: #1C2128;--text-secondary: #57606A;--text-muted: #8C959F;--text-disabled: #AFB8C1;--text-inverse: #FFFFFF;--text-link: #1B7FDE;--border-subtle: rgba(0,0,0,.06);--border-default: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.2);--border-focus: #1B7FDE;--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.16);--shadow-xl: 0 16px 40px rgba(0,0,0,.2);--shadow-glow-blue: 0 0 20px rgba(27,127,222,.2);--shadow-glow-teal: 0 0 20px rgba(25,181,160,.2);--shadow-glow-green: 0 0 20px rgba(125,185,40,.2);--shadow-glow-red: 0 0 20px rgba(232,40,90,.2);--accent-system: #1B7FDE;--accent-project: #8250DF;--accent-ops: #5A8200;--accent-client: #1A7F73;--accent-partner: #9A6700;--accent-personal:#B35900;--sidebar-bg: #FFFFFF;--sidebar-border: rgba(0,0,0,.08);--sidebar-item-hover: rgba(0,0,0,.04);--sidebar-item-active: rgba(27,127,222,.08);--header-bg: rgba(246,248,250,.92);--header-border: rgba(0,0,0,.08);--header-blur: blur(12px);--logo-filter: invert(1) brightness(.15);--scrollbar-track: transparent;--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html.light{color-scheme:light}body{background:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);line-height:1.25}code,pre,.mono{font-family:var(--font-mono);font-size:var(--text-sm)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}*:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:#1b7fde40;color:var(--text-primary)}#root{display:flex;height:100vh;overflow:hidden}.gradient-text{background:var(--lv8-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--status-success);box-shadow:0 0 6px var(--status-success)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 6px var(--status-warning)}.status-dot.error{background:var(--status-danger);box-shadow:0 0 6px var(--status-danger)}.status-dot.offline{background:var(--status-neutral)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}.pulse{position:relative;display:inline-flex;align-items:center;justify-content:center}.pulse:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:currentColor;animation:pulse-ring 2s infinite;opacity:0}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--glass-xs) 0%,var(--glass-md) 50%,var(--glass-xs) 100%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--lv8-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes stale-pulse{0%,to{opacity:1}50%{opacity:.4}}.stale{animation:stale-pulse 1.8s ease infinite}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.metric-value{font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.metric-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500}@media (max-width: 1024px){:root{--rail-width: 320px}}@media (max-width: 768px){:root{--sidebar-width: 0px;--rail-width: 100vw}}