@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ds-teal-50: #ecfeff;--ds-teal-100: #cffafe;--ds-teal-200: #a5f3fc;--ds-teal-300: #67e8f9;--ds-teal-400: #22d3ee;--ds-teal-500: #06b6d4;--ds-teal-600: #0891b2;--ds-teal-700: #0e7490;--ds-teal-800: #155e75;--ds-teal-900: #164e63;--ds-coral-400: #fb7185;--ds-coral-500: #f43f5e;--ds-coral-600: #e11d48;--ds-indigo-400: #a78bfa;--ds-indigo-500: #8b5cf6;--ds-indigo-600: #7c3aed;--ds-emerald-400: #34d399;--ds-emerald-500: #10b981;--ds-emerald-600: #059669;--ds-amber-400: #fbbf24;--ds-amber-500: #f59e0b;--ds-amber-600: #d97706;--ds-red-400: #f87171;--ds-red-500: #ef4444;--ds-red-600: #dc2626;--ds-slate-0: #ffffff;--ds-slate-50: #f8fafc;--ds-slate-100: #f1f5f9;--ds-slate-200: #e2e8f0;--ds-slate-300: #cbd5e1;--ds-slate-400: #94a3b8;--ds-slate-500: #64748b;--ds-slate-600: #475569;--ds-slate-700: #334155;--ds-slate-800: #1e293b;--ds-slate-900: #0f172a;--ds-surface-base: var(--ds-slate-0);--ds-surface-subtle: var(--ds-slate-50);--ds-surface-muted: var(--ds-slate-100);--ds-surface-elevated: rgba(255, 255, 255, .85);--ds-surface-glass: rgba(255, 255, 255, .6);--ds-surface-overlay: rgba(15, 23, 42, .4);--ds-text-primary: var(--ds-slate-800);--ds-text-secondary: var(--ds-slate-600);--ds-text-tertiary: var(--ds-slate-400);--ds-text-inverse: var(--ds-slate-0);--ds-text-link: var(--ds-teal-600);--ds-text-link-hover: var(--ds-teal-700);--ds-border-subtle: var(--ds-slate-200);--ds-border-default: var(--ds-slate-300);--ds-border-strong: var(--ds-slate-400);--ds-border-focus: var(--ds-teal-400);--ds-interactive-primary: var(--ds-teal-500);--ds-interactive-primary-hover: var(--ds-teal-400);--ds-interactive-primary-active: var(--ds-teal-600);--ds-interactive-secondary: var(--ds-indigo-500);--ds-interactive-accent: var(--ds-coral-500);--ds-status-success: var(--ds-emerald-500);--ds-status-success-bg: rgba(16, 185, 129, .1);--ds-status-warning: var(--ds-amber-500);--ds-status-warning-bg: rgba(245, 158, 11, .1);--ds-status-error: var(--ds-red-500);--ds-status-error-bg: rgba(239, 68, 68, .1);--ds-status-info: var(--ds-teal-500);--ds-status-info-bg: rgba(6, 182, 212, .1);--color-primary-50: var(--ds-teal-50);--color-primary-100: var(--ds-teal-100);--color-primary-200: var(--ds-teal-200);--color-primary-300: var(--ds-teal-300);--color-primary-400: var(--ds-teal-400);--color-primary-500: var(--ds-teal-500);--color-primary-600: var(--ds-teal-600);--color-primary-700: var(--ds-teal-700);--color-primary-800: var(--ds-teal-800);--color-primary-900: var(--ds-teal-900);--color-accent-400: var(--ds-coral-400);--color-accent-500: var(--ds-coral-500);--color-accent-600: var(--ds-coral-600);--color-secondary-400: var(--ds-indigo-400);--color-secondary-500: var(--ds-indigo-500);--color-secondary-600: var(--ds-indigo-600);--color-success-400: var(--ds-emerald-400);--color-success-500: var(--ds-emerald-500);--color-success-600: var(--ds-emerald-600);--color-warning-400: var(--ds-amber-400);--color-warning-500: var(--ds-amber-500);--color-warning-600: var(--ds-amber-600);--color-neutral-0: var(--ds-slate-0);--color-neutral-50: var(--ds-slate-50);--color-neutral-100: var(--ds-slate-100);--color-neutral-200: var(--ds-slate-200);--color-neutral-300: var(--ds-slate-300);--color-neutral-400: var(--ds-slate-400);--color-neutral-500: var(--ds-slate-500);--color-neutral-600: var(--ds-slate-600);--color-neutral-700: var(--ds-slate-700);--color-neutral-800: var(--ds-slate-800);--color-neutral-900: var(--ds-slate-900);--bg-primary: linear-gradient(135deg, var(--ds-slate-50) 0%, #f0f9ff 50%, var(--ds-slate-50) 100%);--bg-secondary: var(--ds-surface-base);--bg-elevated: var(--ds-surface-elevated);--bg-glass: var(--ds-surface-glass);--text-primary: var(--ds-text-primary);--text-secondary: var(--ds-text-secondary);--text-tertiary: var(--ds-text-tertiary);--text-inverse: var(--ds-text-inverse);--border-subtle: var(--ds-border-subtle);--border-default: var(--ds-border-default)}:root{--ds-font-display: "Syne", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--ds-font-body: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--ds-font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-display: var(--ds-font-display);--font-body: var(--ds-font-body);--ds-text-xs: .6875rem;--ds-text-sm: .8125rem;--ds-text-base: .9375rem;--ds-text-md: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 2rem;--ds-text-4xl: 2.5rem;--ds-text-5xl: 3rem;--ds-weight-light: 300;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading-none: 1;--ds-leading-tight: 1.2;--ds-leading-snug: 1.4;--ds-leading-normal: 1.6;--ds-leading-relaxed: 1.8;--ds-tracking-tighter: -.03em;--ds-tracking-tight: -.02em;--ds-tracking-normal: 0;--ds-tracking-wide: .02em;--ds-tracking-wider: .05em;--ds-tracking-widest: .1em}:root{--ds-space-0: 0;--ds-space-px: 1px;--ds-space-0-5: .125rem;--ds-space-1: .25rem;--ds-space-1-5: .375rem;--ds-space-2: .5rem;--ds-space-2-5: .625rem;--ds-space-3: .75rem;--ds-space-3-5: .875rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-7: 1.75rem;--ds-space-8: 2rem;--ds-space-9: 2.25rem;--ds-space-10: 2.5rem;--ds-space-11: 2.75rem;--ds-space-12: 3rem;--ds-space-14: 3.5rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem;--ds-space-28: 7rem;--ds-space-32: 8rem;--ds-gap-xs: var(--ds-space-1);--ds-gap-sm: var(--ds-space-2);--ds-gap-md: var(--ds-space-4);--ds-gap-lg: var(--ds-space-6);--ds-gap-xl: var(--ds-space-8);--ds-gap-2xl: var(--ds-space-12);--space-1: var(--ds-space-1);--space-2: var(--ds-space-2);--space-3: var(--ds-space-3);--space-4: var(--ds-space-4);--space-5: var(--ds-space-5);--space-6: var(--ds-space-6);--space-8: var(--ds-space-8);--space-10: var(--ds-space-10);--space-12: var(--ds-space-12);--space-16: var(--ds-space-16);--space-20: var(--ds-space-20)}:root{--ds-shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .03);--ds-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--ds-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--ds-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--ds-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--ds-shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .25);--ds-shadow-glow: 0 0 40px rgba(6, 182, 212, .15);--ds-shadow-glow-lg: 0 0 60px rgba(6, 182, 212, .25);--ds-shadow-glass: 0 8px 32px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .8);--ds-shadow-inner: inset 0 2px 4px 0 rgba(15, 23, 42, .05);--ds-shadow-button: 0 4px 14px rgba(6, 182, 212, .3);--ds-shadow-button-hover: 0 6px 20px rgba(6, 182, 212, .4);--ds-shadow-card: var(--ds-shadow-md);--ds-shadow-card-hover: var(--ds-shadow-lg);--ds-shadow-dropdown: 0 10px 40px rgba(15, 23, 42, .12);--ds-shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, .3);--ds-shadow-focus: 0 0 0 3px rgba(6, 182, 212, .15);--ds-shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .15);--ds-shadow-focus-success: 0 0 0 3px rgba(16, 185, 129, .15);--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-xl: var(--ds-shadow-xl);--shadow-glow: var(--ds-shadow-glow);--shadow-glass: var(--ds-shadow-glass)}:root{--ds-radius-none: 0;--ds-radius-xs: .25rem;--ds-radius-sm: .375rem;--ds-radius-md: .5rem;--ds-radius-lg: .75rem;--ds-radius-xl: 1rem;--ds-radius-2xl: 1.5rem;--ds-radius-3xl: 2rem;--ds-radius-full: 9999px;--ds-border-0: 0;--ds-border-1: 1px;--ds-border-2: 2px;--ds-border-3: 3px;--ds-border-4: 4px;--radius-sm: var(--ds-radius-sm);--radius-md: var(--ds-radius-md);--radius-lg: var(--ds-radius-lg);--radius-xl: var(--ds-radius-xl);--radius-2xl: var(--ds-radius-2xl);--radius-full: var(--ds-radius-full)}:root{--ds-bp-xs: 320px;--ds-bp-sm: 480px;--ds-bp-md: 768px;--ds-bp-lg: 1024px;--ds-bp-xl: 1280px;--ds-bp-2xl: 1536px;--ds-touch-target-min: 48px;--ds-touch-target-comfortable: 56px;--ds-touch-target-large: 64px;--ds-sidebar-width: 280px;--ds-sidebar-width-collapsed: 72px;--ds-sidebar-width-tablet: 240px;--ds-sidebar-width-mobile: 0px;--ds-header-height: 72px;--ds-header-height-mobile: 56px;--ds-mobile-nav-height: 64px;--ds-mobile-header-height: 56px;--ds-container-sm: 640px;--ds-container-md: 768px;--ds-container-lg: 1024px;--ds-container-xl: 1280px;--ds-container-2xl: 1536px;--ds-safe-area-top: env(safe-area-inset-top, 0px);--ds-safe-area-bottom: env(safe-area-inset-bottom, 0px);--ds-safe-area-left: env(safe-area-inset-left, 0px);--ds-safe-area-right: env(safe-area-inset-right, 0px);--ds-z-base: 0;--ds-z-dropdown: 10;--ds-z-sticky: 20;--ds-z-fixed: 30;--ds-z-overlay: 40;--ds-z-modal-backdrop: 50;--ds-z-modal: 60;--ds-z-popover: 70;--ds-z-tooltip: 80;--ds-z-bottom-nav: 90;--ds-z-sidebar-overlay: 95;--ds-z-mobile-sidebar: 100;--ds-z-toast: 110;--ds-ease-default: cubic-bezier(.4, 0, .2, 1);--ds-ease-in: cubic-bezier(.4, 0, 1, 1);--ds-ease-out: cubic-bezier(0, 0, .2, 1);--ds-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ds-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ds-duration-instant: 50ms;--ds-duration-fast: .15s;--ds-duration-base: .25s;--ds-duration-slow: .4s;--ds-duration-slower: .5s;--ds-transition-fast: var(--ds-duration-fast) var(--ds-ease-default);--ds-transition-base: var(--ds-duration-base) var(--ds-ease-default);--ds-transition-slow: var(--ds-duration-slow) var(--ds-ease-default);--ds-transition-bounce: var(--ds-duration-slower) var(--ds-ease-bounce);--sidebar-width: var(--ds-sidebar-width);--header-height: var(--ds-header-height);--transition-fast: var(--ds-transition-fast);--transition-base: var(--ds-transition-base);--transition-slow: var(--ds-transition-slow);--transition-bounce: var(--ds-transition-bounce)}@media(max-width:1024px){:root{--ds-sidebar-width: var(--ds-sidebar-width-tablet);--sidebar-width: var(--ds-sidebar-width-tablet)}}@media(max-width:768px){:root{--ds-sidebar-width: var(--ds-sidebar-width-mobile);--ds-header-height: var(--ds-header-height-mobile);--sidebar-width: var(--ds-sidebar-width-mobile);--header-height: var(--ds-header-height-mobile)}}@media(pointer:coarse){.btn,button,[role=button],input[type=button],input[type=submit],input[type=reset],.nav-item,.list-item,[role=menuitem],[role=option]{min-height:var(--ds-touch-target-min)}input,textarea,select{min-height:var(--ds-touch-target-min);font-size:16px}*{-webkit-tap-highlight-color:rgba(6,182,212,.2)}button,[role=button],a[href]{user-select:none;-webkit-user-select:none}}@supports (-webkit-overflow-scrolling: touch){.scrollable,.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}}body{overscroll-behavior-y:contain}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--ds-border-subtle: var(--ds-slate-400);--ds-border-default: var(--ds-slate-500);--border-subtle: var(--ds-slate-400);--border-default: var(--ds-slate-500)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--dc-primary: #2563eb;--dc-primary-muted: #1d4ed8;--dc-secondary: #0891b2;--dc-accent: #059669;--dc-warning: #d97706;--dc-danger: #dc2626;--dc-info: #7c3aed;--dc-bg-base: #f8fafc;--dc-bg-surface: #ffffff;--dc-bg-elevated: #f1f5f9;--dc-bg-overlay: #e2e8f0;--dc-text-primary: #1e293b;--dc-text-secondary: #475569;--dc-text-tertiary: #64748b;--dc-text-dim: #94a3b8;--dc-border: #e2e8f0;--dc-border-muted: #cbd5e1;--dc-border-active: #2563eb;--dc-status-online: #22c55e;--dc-status-warning: #f59e0b;--dc-status-error: #ef4444;--dc-status-info: #3b82f6;--dc-chart-1: #2563eb;--dc-chart-2: #0891b2;--dc-chart-3: #059669;--dc-chart-4: #7c3aed;--dc-chart-5: #d97706;--nn-bg-base: #f8fafc;--nn-bg-surface: #ffffff;--nn-bg-elevated: #f1f5f9;--nn-bg-overlay: #e2e8f0;--nn-dot-color: #cbd5e1;--nn-dot-glow: #2563eb;--nn-line-color: rgba(37, 99, 235, .06);--nn-line-active: rgba(37, 99, 235, .15);--nn-spark-color: #0891b2;--nn-spark-glow: rgba(8, 145, 178, .4);--nn-text-primary: #1e293b;--nn-text-secondary: #475569;--nn-text-tertiary: #64748b;--nn-border: #e2e8f0;--nn-border-muted: #cbd5e1;--nn-border-active: #2563eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--dc-text-primary);background:var(--dc-bg-base);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--dc-border) 1px,transparent 1px),linear-gradient(90deg,var(--dc-border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 0% 0%,rgba(37,99,235,.03) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(8,145,178,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-layout:before{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--dc-text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--dc-text-secondary);max-width:65ch}a{color:var(--dc-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--dc-secondary)}.mono,.data-value,code{font-family:var(--font-mono);font-size:.875em;letter-spacing:-.02em}.glass-panel{background:var(--dc-bg-surface);border:1px solid var(--dc-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.glass-panel-solid{background:var(--dc-bg-surface);border:1px solid var(--dc-border);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d}.card{background:var(--dc-bg-surface);border:1px solid var(--dc-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--dc-border-muted);box-shadow:0 4px 12px #00000014}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);background:#3b82f61a;color:var(--dc-primary);border:1px solid rgba(59,130,246,.2)}.badge-accent{background:#06b6d41a;color:var(--dc-secondary);border-color:#06b6d433}.badge-secondary{background:#8b5cf61a;color:var(--dc-info);border-color:#8b5cf633}.badge-success{background:#10b9811a;color:var(--dc-accent);border-color:#10b98133}.badge-warning{background:#f59e0b1a;color:var(--dc-warning);border-color:#f59e0b33}.badge-danger{background:#ef44441a;color:var(--dc-danger);border-color:#ef444433}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--dc-status-online);box-shadow:0 0 8px var(--dc-status-online)}.status-dot.warning{background:var(--dc-status-warning);box-shadow:0 0 8px var(--dc-status-warning)}.status-dot.error{background:var(--dc-status-error);box-shadow:0 0 8px var(--dc-status-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:.875rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--dc-primary);color:#fff;box-shadow:0 1px 2px #2563eb26}.btn-primary:hover{background:var(--dc-primary-muted);box-shadow:0 2px 8px #2563eb33;transform:translateY(-1px)}.btn-secondary{background:var(--dc-bg-elevated);color:var(--dc-text-secondary);border:1px solid var(--dc-border)}.btn-secondary:hover{background:var(--dc-bg-overlay);color:var(--dc-text-primary);border-color:var(--dc-border-muted)}.btn-ghost{background:transparent;color:var(--dc-text-tertiary)}.btn-ghost:hover{background:var(--dc-bg-elevated);color:var(--dc-text-primary)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.btn-success{background:var(--dc-accent);color:#fff}.btn-success:hover{background:#0d9668}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:.75rem;font-weight:500;color:var(--dc-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.input{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--dc-text-primary);background:var(--dc-bg-base);border:1px solid var(--dc-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--dc-primary);box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--dc-text-dim)}.textarea{min-height:120px;resize:vertical}.input-data{font-family:var(--font-mono);font-size:.8125rem;background:var(--dc-bg-base);border-left:3px solid var(--dc-primary)}.metric-card{background:var(--dc-bg-surface);border:1px solid var(--dc-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dc-primary),var(--dc-secondary))}.metric-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;color:var(--dc-text-primary);letter-spacing:-.02em}.metric-label{font-size:.75rem;color:var(--dc-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.metric-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);margin-left:var(--space-2)}.metric-trend.positive{color:var(--dc-accent);background:#10b9811a}.metric-trend.negative{color:var(--dc-danger);background:#ef44441a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:.75rem;font-weight:600;color:var(--dc-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--dc-border);background:var(--dc-bg-elevated)}.data-table td{padding:var(--space-3) var(--space-4);color:var(--dc-text-primary);border-bottom:1px solid var(--dc-border)}.data-table tr:hover td{background:var(--dc-bg-elevated)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--dc-bg-elevated) 25%,var(--dc-bg-surface) 50%,var(--dc-bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.live-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--dc-accent)}.live-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dc-accent);animation:pulse-subtle 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dc-bg-base)}::-webkit-scrollbar-thumb{background:var(--dc-border-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--dc-text-dim)}::selection{background:#2563eb26;color:var(--dc-text-primary)}:focus-visible{outline:2px solid var(--dc-primary);outline-offset:2px}@media(max-width:1024px){:root{--sidebar-width: 240px}}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 64px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}