@charset "UTF-8";:root{--ck-bg-base: #05070f;--ck-bg-panel: #0a0e1a;--ck-bg-surface: #111827;--ck-bg-raised: #151d2e;--ck-glass-bg: color-mix(in srgb, #141e37 55%, transparent);--ck-glass-bg-deep: color-mix(in srgb, #0a0e1a 75%, transparent);--ck-glass-blur: blur(var(--cos-space-page)) saturate(180%);--ck-glass-border: color-mix(in srgb, #94a3b8 12%, transparent);--ck-glass-border-accent: color-mix(in srgb, #00d4ff 25%, transparent);--ck-cyan: #00d4ff;--ck-cyan-dim: color-mix(in srgb, #00d4ff 15%, transparent);--ck-cyan-glow: 0 0 var(--cos-space-section) color-mix(in srgb, #00d4ff 40%, transparent), 0 0 var(--cos-space-2xl) color-mix(in srgb, #00d4ff 15%, transparent);--ck-violet: #7c3aed;--ck-violet-dim: color-mix(in srgb, #7c3aed 15%, transparent);--ck-violet-glow: 0 0 var(--cos-space-section) color-mix(in srgb, #7c3aed 40%, transparent);--ck-magenta: #ec4899;--ck-magenta-dim: color-mix(in srgb, #ec4899 15%, transparent);--ck-ok: #10b981;--ck-ok-dim: color-mix(in srgb, #10b981 15%, transparent);--ck-ok-glow: 0 0 var(--cos-space-sm) color-mix(in srgb, #10b981 50%, transparent);--ck-warn: #f59e0b;--ck-warn-dim: color-mix(in srgb, #f59e0b 15%, transparent);--ck-error: #ef4444;--ck-error-dim: color-mix(in srgb, #ef4444 15%, transparent);--ck-idle: #64748b;--ck-idle-dim: color-mix(in srgb, #64748b 15%, transparent);--ck-type-core: var(--ck-cyan);--ck-type-support: var(--ck-violet);--ck-type-management: var(--ck-warn);--ck-gradient-hero: linear-gradient(135deg, #00d4ff 0%, #7c3aed 50%, #ec4899 100%);--ck-gradient-cyan-violet: linear-gradient(90deg, #00d4ff, #7c3aed);--ck-gradient-violet-magenta: linear-gradient(90deg, #7c3aed, #ec4899);--ck-grid-line: color-mix(in srgb, #94a3b8 6%, transparent);--ck-grid-line-bold: color-mix(in srgb, #94a3b8 10%, transparent);--ck-font-display: "Space Grotesk", system-ui, sans-serif;--ck-font-ui: "Inter Tight", system-ui, -apple-system, sans-serif;--ck-font-mono: "JetBrains Mono", "SF Mono", monospace;--ck-text-primary: #f8fafc;--ck-text-secondary: #cbd5e1;--ck-text-muted: #64748b;--ck-text-accent: var(--ck-cyan);--ck-radius-sm: var(--cos-radius-sm);--ck-radius-md: var(--cos-radius-md);--ck-radius-lg: var(--cos-radius-xl);--ck-radius-xl: var(--cos-radius-pill);--ck-transition-fast: var(--cos-motion-fast) cubic-bezier(.4, 0, .2, 1);--ck-transition-med: var(--cos-motion-normal) cubic-bezier(.4, 0, .2, 1);--ck-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--ck-shadow-card: 0 var(--cos-space-3xs) var(--cos-space-page) color-mix(in srgb, #000 40%, transparent), 0 1px var(--cos-space-3xs) color-mix(in srgb, #000 30%, transparent);--ck-shadow-raised: 0 var(--cos-space-xs) var(--cos-space-xl) color-mix(in srgb, #000 50%, transparent), 0 2px var(--cos-space-xs) color-mix(in srgb, #000 40%, transparent);--ck-shadow-float: 0 var(--cos-space-page-sm) var(--cos-space-3xl) color-mix(in srgb, #000 60%, transparent), 0 var(--cos-space-3xs) var(--cos-space-page-sm) color-mix(in srgb, #000 50%, transparent)}html{height:100%;--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);--mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);--mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);--mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0001ac);--mat-sys-on-primary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#444559, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#777680, #91909a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#343dff, #bec2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f22);--mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#343dff, #bec2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Poppins, system-ui, sans-serif;--mat-sys-body-large-font: Poppins, system-ui, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Poppins, system-ui, sans-serif;--mat-sys-body-medium-font: Poppins, system-ui, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Poppins, system-ui, sans-serif;--mat-sys-body-small-font: Poppins, system-ui, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter, system-ui, sans-serif;--mat-sys-display-large-font: Inter, system-ui, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter, system-ui, sans-serif;--mat-sys-display-medium-font: Inter, system-ui, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter, system-ui, sans-serif;--mat-sys-display-small-font: Inter, system-ui, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter, system-ui, sans-serif;--mat-sys-headline-large-font: Inter, system-ui, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter, system-ui, sans-serif;--mat-sys-headline-medium-font: Inter, system-ui, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter, system-ui, sans-serif;--mat-sys-headline-small-font: Inter, system-ui, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Poppins, system-ui, sans-serif;--mat-sys-label-large-font: Poppins, system-ui, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 600;--mat-sys-label-medium: 500 .75rem / 1rem Poppins, system-ui, sans-serif;--mat-sys-label-medium-font: Poppins, system-ui, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 600;--mat-sys-label-small: 500 .688rem / 1rem Poppins, system-ui, sans-serif;--mat-sys-label-small-font: Poppins, system-ui, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter, system-ui, sans-serif;--mat-sys-title-large-font: Inter, system-ui, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Poppins, system-ui, sans-serif;--mat-sys-title-medium-font: Poppins, system-ui, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Poppins, system-ui, sans-serif;--mat-sys-title-small-font: Poppins, system-ui, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:dark;background-color:var(--cos-bg-primary, #09090b);color:var(--cos-text-primary, #d4d4d8);font:var(--mat-sys-body-medium);margin:0;height:100%;font-family:var(--cos-font-body, system-ui, sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mat-icon{font-family:Material Icons!important;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--cos-font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--cos-font-body: "Poppins", system-ui, -apple-system, sans-serif;--cos-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--cos-display-lg: 700 2.25rem/2.75rem var(--cos-font-display);--cos-display-md: 700 1.75rem/2.25rem var(--cos-font-display);--cos-headline-lg: 600 1.5rem/2rem var(--cos-font-display);--cos-headline-md: 600 1.25rem/1.75rem var(--cos-font-display);--cos-title-lg: 600 1.125rem/1.5rem var(--cos-font-display);--cos-title-md: 500 1rem/1.5rem var(--cos-font-body);--cos-body-lg: 400 1rem/1.625rem var(--cos-font-body);--cos-body-md: 500 .875rem/1.375rem var(--cos-font-body);--cos-body-sm: 400 .8125rem/1.25rem var(--cos-font-body);--cos-label-lg: 600 .8125rem/1.125rem var(--cos-font-body);--cos-label-md: 600 .75rem/1rem var(--cos-font-body);--cos-label-sm: 500 .6875rem/.875rem var(--cos-font-body);--cos-space-xs: 8px;--cos-space-sm: 12px;--cos-space-page: 24px;--cos-space-page-sm: 16px;--cos-space-md: 18px;--cos-space-section: 20px;--cos-space-2xs: 6px;--cos-space-inline: 10px;--cos-space-inset: 14px;--cos-space-3xs: 4px;--cos-space-xl: 32px;--cos-space-2xl: 40px;--cos-space-3xl: 48px;--cos-max-content: 1600px;--cos-max-content-narrow: 900px;--cos-max-content-wide: 1800px;--cos-header-height: 80px;--cos-sidebar-width: 260px;--cos-sidebar-collapsed: 80px;--cos-bg-primary: #09090b;--cos-bg-secondary: #18181b;--cos-bg-surface: #1e1e21;--cos-bg-card: #18181b;--cos-bg-elevated: #27272a;--cos-bg-sidebar: #18181b;--cos-bg-header: #18181b;--cos-border: #27272a;--cos-border-hover: #3f3f46;--cos-accent: #3b82f6;--cos-accent-dim: rgba(59, 130, 246, .1);--cos-accent-mid: rgba(59, 130, 246, .2);--cos-success: #34d399;--cos-success-dim: rgba(52, 211, 153, .1);--cos-warning: #fbbf24;--cos-warning-dim: rgba(251, 191, 36, .1);--cos-error: #f87171;--cos-error-dim: rgba(248, 113, 113, .1);--cos-purple: #a78bfa;--cos-purple-dim: rgba(167, 139, 250, .1);--cos-link: #3b82f6;--cos-link-dim: rgba(59, 130, 246, .1);--cos-on-accent: #ffffff;--cos-on-accent-soft: rgba(255, 255, 255, .3);--cos-on-filled: #ffffff;--cos-text-primary: #f4f4f5;--cos-text-secondary: #d4d4d8;--cos-text-muted: #71717a;--cos-motion-fast: .15s cubic-bezier(.4, 0, .2, 1);--cos-motion-normal: .2s cubic-bezier(.4, 0, .2, 1);--cos-motion-slow: .3s cubic-bezier(.4, 0, .2, 1);--cos-motion-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--cos-focus-ring: 0 0 0 2px #09090b, 0 0 0 4px #3b82f6;--cos-focus-ring-inset: inset 0 0 0 2px #3b82f6;--cos-radius-xs: 4px;--cos-radius-sm: 6px;--cos-radius-control: 5px;--cos-chrome-stroke: #232323;--cos-chrome-kbd-bg: var(--cos-chrome-stroke);--cos-radius-md: 8px;--cos-radius-lg: 12px;--cos-radius-xl: 16px;--cos-radius-pill: 9999px;--cos-shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--cos-shadow-glow: 0 0 20px color-mix(in srgb, var(--cos-accent) 15%, transparent);--cos-shadow-elevated: 0 8px 30px rgba(0,0,0,.35), 0 0 0 1px var(--cos-overlay-hairline);--cos-shadow-ambient: 0 2px 8px rgba(0,0,0,.2);--cos-shadow-deep: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px var(--cos-overlay-hairline);--cos-scrollbar-thumb: color-mix(in srgb, var(--cos-link) 30%, transparent);--cos-scrollbar-thumb-hover: color-mix(in srgb, var(--cos-accent) 45%, transparent);--cos-progress-track: color-mix(in srgb, var(--cos-text-primary) 8%, transparent);--cos-skeleton-shimmer: color-mix(in srgb, var(--cos-accent) 8%, transparent);--cos-form-outline: color-mix(in srgb, var(--cos-text-primary) 22%, transparent);--cos-overlay-faint: rgba(255, 255, 255, .02);--cos-overlay-muted: rgba(255, 255, 255, .03);--cos-overlay-hover: rgba(255, 255, 255, .04);--cos-overlay-hairline: rgba(255, 255, 255, .04);--cos-overlay-raised: rgba(255, 255, 255, .05);--cos-overlay-strong: rgba(255, 255, 255, .06);--cos-overlay-pressed: rgba(255, 255, 255, .08);--cos-overlay-emphasis: rgba(255, 255, 255, .1);--cos-overlay-highlight: rgba(255, 255, 255, .12);--cos-brand-core: #78368C;--cos-brand-gold: #FABC1E;--cos-brand-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--cos-brand-glow: 0 0 16px rgba(59, 130, 246, .2);--cos-brand-gold-gradient: linear-gradient(135deg, #FABC1E 0%, #D9A000 100%)}::selection{background:#3b82f64d;color:#eff6ff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--cos-overlay-faint)}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#52525b}.nav-active-glow{border-left:3px solid var(--cos-accent);background:linear-gradient(90deg,rgba(59,130,246,.1),transparent)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(63,63,70,.5),transparent)}.gradient-text{background:var(--cos-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root .glass-card{background:#18181bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(63,63,70,.5);border-radius:var(--cos-radius-lg);color:var(--cos-text-primary);box-shadow:var(--cos-shadow),inset 0 1px #ffffff0d;transition:border-color var(--cos-motion-normal),box-shadow var(--cos-motion-normal),transform var(--cos-motion-normal)}:root .glass-card:hover{border-color:#3f3f46cc;box-shadow:var(--cos-shadow-elevated);transform:translateY(-1px)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--cos-space-inline);border-radius:var(--cos-radius-pill);font:var(--cos-label-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active,.status-badge.running{background:var(--cos-success-dim);color:var(--cos-success);border:1px solid color-mix(in srgb,var(--cos-success) 30%,transparent)}.status-badge.idle,.status-badge.pending{background:color-mix(in srgb,var(--cos-text-secondary) 12%,transparent);color:var(--cos-text-secondary);border:1px solid color-mix(in srgb,var(--cos-text-secondary) 22%,transparent)}.status-badge.error,.status-badge.blocked{background:var(--cos-error-dim);color:var(--cos-error);border:1px solid color-mix(in srgb,var(--cos-error) 30%,transparent)}.status-badge.warning,.status-badge.review{background:var(--cos-warning-dim);color:var(--cos-warning);border:1px solid color-mix(in srgb,var(--cos-warning) 30%,transparent)}.status-badge.complete,.status-badge.done{background:var(--cos-accent-dim);color:var(--cos-accent);border:1px solid var(--cos-accent-mid)}.priority-badge{display:inline-flex;align-items:center;padding:2px var(--cos-space-xs);border-radius:var(--cos-radius-xs);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.priority-badge.critical{background:var(--cos-error-dim);color:var(--cos-error)}.priority-badge.high{background:var(--cos-warning-dim);color:var(--cos-warning)}.priority-badge.medium{background:var(--cos-accent-dim);color:var(--cos-accent)}.priority-badge.low{background:var(--cos-purple-dim);color:var(--cos-purple)}.mat-mdc-card{--mat-card-elevated-container-color: transparent;--mat-card-outlined-container-color: transparent;--mat-card-filled-container-color: transparent}.mat-mdc-progress-bar{--mat-progress-bar-track-color: var(--cos-progress-track);--mat-progress-bar-active-indicator-color: var(--cos-accent);border-radius:var(--cos-radius-xs);overflow:hidden}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cos-text-muted);margin-bottom:var(--cos-space-sm)}.cos-type-display{font-family:var(--cos-font-display);font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--cos-text-primary)}.cos-type-body-muted{font-family:var(--cos-font-body);font-size:.875rem;font-weight:500;line-height:1.43;color:var(--cos-text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--cos-space-page-sm);margin-bottom:var(--cos-space-section)}.page-header .page-title{font:var(--cos-headline-small);letter-spacing:-.02em;color:var(--cos-text-primary);margin:0 0 4px}.page-header .page-subtitle{font:var(--cos-body-medium);line-height:1.43;color:var(--cos-text-muted);margin:0;max-width:42rem}:root{--cos-display-large: 600 57px/64px var(--cos-font-display);--cos-display-medium: 600 45px/52px var(--cos-font-display);--cos-display-small: 600 36px/44px var(--cos-font-display);--cos-headline-large: 600 32px/40px var(--cos-font-display);--cos-headline-medium: 600 28px/36px var(--cos-font-display);--cos-headline-small: 600 24px/32px var(--cos-font-display);--cos-title-large: 600 22px/28px var(--cos-font-display);--cos-title-medium: 600 16px/24px var(--cos-font-body);--cos-title-small: 600 14px/20px var(--cos-font-body);--cos-body-large: 400 16px/24px var(--cos-font-body);--cos-body-medium: 500 14px/22px var(--cos-font-body);--cos-body-small: 400 12px/18px var(--cos-font-body);--cos-label-large: 600 14px/20px var(--cos-font-body);--cos-label-medium: 600 12px/16px var(--cos-font-body);--cos-label-small: 600 11px/16px var(--cos-font-body)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--cos-space-section);color:var(--cos-text-secondary)}.loading-pulse{width:48px;height:48px;border-radius:50%;border:3px solid var(--cos-accent-mid);border-top-color:var(--cos-accent);animation:spin .9s linear infinite}.loading-state--inline{height:auto;min-height:0;padding:var(--cos-space-section) 0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.stagger-item{animation:fadeSlideIn .35s var(--cos-motion-normal) backwards}.stagger-item:nth-child(1){animation-delay:40ms}.stagger-item:nth-child(2){animation-delay:80ms}.stagger-item:nth-child(3){animation-delay:.12s}.stagger-item:nth-child(4){animation-delay:.16s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.24s}.stagger-item:nth-child(7){animation-delay:.28s}.stagger-item:nth-child(8){animation-delay:.32s}.stagger-item:nth-child(9){animation-delay:.36s}.stagger-item:nth-child(10){animation-delay:.4s}.stagger-item:nth-child(11){animation-delay:.44s}.stagger-item:nth-child(12){animation-delay:.48s}.stagger-item:nth-child(13){animation-delay:.52s}.stagger-item:nth-child(14){animation-delay:.56s}.stagger-item:nth-child(15){animation-delay:.6s}.stagger-item:nth-child(16){animation-delay:.64s}.stagger-item:nth-child(17){animation-delay:.68s}.stagger-item:nth-child(18){animation-delay:.72s}.stagger-item:nth-child(19){animation-delay:.76s}.stagger-item:nth-child(20){animation-delay:.8s}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .3s var(--cos-motion-normal) backwards}.skeleton{background:linear-gradient(90deg,var(--cos-overlay-muted) 25%,var(--cos-skeleton-shimmer) 50%,var(--cos-overlay-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--cos-radius-sm)}.skeleton-text{height:14px;width:60%;margin:var(--cos-space-xs) 0}.skeleton-title{height:20px;width:40%;margin:var(--cos-space-sm) 0}.skeleton-card{height:120px;width:100%}.skeleton-circle{width:48px;height:48px;border-radius:50%}:root .glass-card.glass-card--elevated{box-shadow:var(--cos-shadow),var(--cos-shadow-elevated);border-color:var(--cos-border-hover)}:root .glass-card.glass-card--interactive{cursor:pointer;transition:transform var(--cos-motion-normal),border-color var(--cos-motion-normal),box-shadow var(--cos-motion-normal)}:root .glass-card.glass-card--interactive:hover{transform:translateY(-2px);border-color:var(--cos-border-hover);box-shadow:var(--cos-shadow),var(--cos-shadow-glow)}:root .glass-card.glass-card--interactive:active{transform:translateY(0)}:root .glass-card.glass-card--accent{border-left:3px solid var(--cos-accent)}:root .glass-card.glass-card--clickable{cursor:pointer}:root .glass-card.glass-card--clickable:hover{transform:translateY(-2px);border-color:#3b82f64d}:root .glass-card.glass-card--clickable:active{transform:translateY(0);transition-duration:50ms}.kpi-card{display:flex;align-items:center;gap:var(--cos-space-page-sm);padding:var(--cos-space-section);background:var(--cos-bg-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--cos-shadow);transition:border-color var(--cos-motion-normal),box-shadow var(--cos-motion-normal)}.kpi-card:hover{border-color:var(--cos-border-hover);box-shadow:var(--cos-shadow),var(--cos-shadow-glow)}.kpi-card .kpi-icon{width:48px;height:48px;border-radius:var(--cos-radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kpi-card .kpi-icon.accent{background:var(--cos-accent-dim);color:var(--cos-accent)}.kpi-card .kpi-icon.success{background:var(--cos-success-dim);color:var(--cos-success)}.kpi-card .kpi-icon.warning{background:var(--cos-warning-dim);color:var(--cos-warning)}.kpi-card .kpi-icon.error{background:var(--cos-error-dim);color:var(--cos-error)}.kpi-card .kpi-icon.purple{background:var(--cos-purple-dim);color:var(--cos-purple)}.kpi-card .kpi-content{flex:1;min-width:0}.kpi-card .kpi-content .kpi-value{font:var(--cos-headline-small);color:var(--cos-text-primary)}.kpi-card .kpi-content .kpi-label{font:var(--cos-label-medium);color:var(--cos-text-secondary);margin-top:2px}.kpi-card .kpi-content .kpi-trend{font:var(--cos-label-small);margin-top:4px}.kpi-card .kpi-content .kpi-trend.up{color:var(--cos-success)}.kpi-card .kpi-content .kpi-trend.down{color:var(--cos-error)}.status-badge.active:before,.status-badge.running:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}*:focus-visible{outline:none;box-shadow:var(--cos-focus-ring);border-radius:var(--cos-radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--cos-focus-ring)}@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(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(max-width:1024px){.hide-tablet-down{display:none!important}}.offscreen-optimize{content-visibility:auto;contain-intrinsic-size:0 500px}img[loading=lazy]{opacity:0;transition:opacity var(--cos-motion-normal)}img[loading=lazy].loaded,img[loading=lazy][complete]{opacity:1}img,video{max-width:100%;height:auto}@font-face{font-display:swap}.tabular-nums{font-variant-numeric:tabular-nums}h1,h2,h3,h4{text-wrap:balance}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cos-space-sm);padding:var(--cos-space-3xl) var(--cos-space-page);color:var(--cos-text-muted);text-align:center}.empty-state>mat-icon:not(.empty-icon){font-size:64px;width:64px;height:64px;margin-bottom:var(--cos-space-page-sm);opacity:.3}.empty-state h3{font:var(--cos-title-medium);color:var(--cos-text-secondary);margin:0 0 var(--cos-space-xs)}.empty-state p{font:var(--cos-body-medium);color:var(--cos-text-muted);margin:0;max-width:320px}.empty-state .empty-icon{font-size:48px;width:48px;height:48px;opacity:.3;color:var(--cos-accent)}.empty-state .empty-title{font:var(--cos-title-md);color:var(--cos-text-secondary);margin:0}.empty-state .empty-desc{font:var(--cos-body-md);color:var(--cos-text-muted);max-width:320px;margin:0}.cos-divider{height:1px;background:var(--cos-border);margin:var(--cos-space-section) 0;border:none}@keyframes livePulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--cos-success) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--cos-success) 0%,transparent)}}.badge-live{animation:livePulse 2s ease infinite}.cos-page{padding:var(--cos-space-page);max-width:var(--cos-max-content);margin:0 auto;box-sizing:border-box;width:100%}[data-theme=light]{--cos-brand-core: #78368c;--cos-brand-gradient: linear-gradient(135deg, #78368c 0%, #8b4fa0 100%);--cos-brand-glow: 0 0 16px color-mix(in srgb, var(--cos-brand-core) 22%, transparent);--cos-chrome-stroke: #d4d4d4;--cos-bg-primary: #e5e5e5;--cos-bg-secondary: #ebebeb;--cos-bg-surface: #f5f5f5;--cos-bg-card: #ffffff;--cos-bg-sidebar: #fafafa;--cos-bg-header: #ffffff;--cos-bg-container-high: #f0f0f0;--cos-bg-elevated: var(--cos-bg-surface);--cos-border: rgba(0, 0, 0, .08);--cos-border-hover: rgba(0, 0, 0, .14);--cos-accent: #2563eb;--cos-accent-dim: rgba(37, 99, 235, .08);--cos-accent-mid: rgba(37, 99, 235, .2);--cos-link: #2563eb;--cos-link-dim: rgba(37, 99, 235, .1);--cos-success: #15803d;--cos-success-dim: rgba(21, 128, 61, .1);--cos-warning: #b45309;--cos-warning-dim: rgba(180, 83, 9, .1);--cos-error: #b91c1c;--cos-error-dim: rgba(185, 28, 28, .1);--cos-purple: #6d28d9;--cos-purple-dim: rgba(109, 40, 217, .1);--cos-text-primary: #0a0a0a;--cos-text-secondary: #404040;--cos-text-muted: #737373;--cos-text-placeholder: #424242;--cos-on-accent: #ffffff;--cos-on-accent-soft: rgba(255, 255, 255, .3);--cos-overlay-faint: rgba(0, 0, 0, .02);--cos-overlay-muted: rgba(0, 0, 0, .035);--cos-overlay-hover: rgba(0, 0, 0, .045);--cos-overlay-hairline: rgba(0, 0, 0, .08);--cos-overlay-raised: rgba(0, 0, 0, .05);--cos-overlay-strong: rgba(0, 0, 0, .06);--cos-overlay-pressed: rgba(0, 0, 0, .09);--cos-overlay-emphasis: rgba(0, 0, 0, .08);--cos-overlay-highlight: rgba(0, 0, 0, .11);--cos-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--cos-shadow-glow: 0 0 0 1px rgba(0, 0, 0, .04);--cos-shadow-elevated: 0 8px 32px color-mix(in srgb, black 10%, transparent);--cos-scrollbar-thumb: color-mix(in srgb, var(--cos-text-muted) 40%, transparent);--cos-scrollbar-thumb-hover: color-mix(in srgb, var(--cos-link) 42%, transparent);--cos-progress-track: color-mix(in srgb, var(--cos-text-primary) 6%, transparent);--cos-skeleton-shimmer: color-mix(in srgb, var(--cos-link) 12%, transparent);--cos-form-outline: color-mix(in srgb, var(--cos-text-primary) 16%, transparent);--mat-sys-primary: var(--cos-brand-core);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: color-mix(in srgb, var(--cos-brand-core) 16%, transparent);--mat-sys-on-primary-container: #3d1d4d;--mat-sys-surface: var(--cos-bg-card);--mat-sys-surface-dim: var(--cos-bg-secondary);--mat-sys-surface-bright: var(--cos-bg-card);--mat-sys-surface-container-lowest: var(--cos-bg-card);--mat-sys-surface-container-low: var(--cos-bg-surface);--mat-sys-surface-container: var(--cos-bg-secondary);--mat-sys-surface-container-high: var(--cos-bg-container-high);--mat-sys-surface-container-highest: var(--cos-bg-secondary);--mat-sys-on-surface: var(--cos-text-primary);--mat-sys-on-surface-variant: var(--cos-text-secondary);--mat-sys-outline: var(--cos-border-hover);--mat-sys-outline-variant: var(--cos-border);--mat-sys-background: var(--cos-bg-primary);--mat-sys-inverse-surface: #1a1a1a;--mat-sys-inverse-on-surface: var(--cos-bg-surface);--cos-chrome-kbd-bg: var(--mat-sys-surface-container-high);--cos-on-filled: #ffffff;--cos-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #2563eb;--cos-focus-ring-inset: inset 0 0 0 2px #2563eb}[data-theme=light] body{color-scheme:light;background-color:var(--cos-bg-primary);color:var(--cos-text-primary)}[data-theme=light] .glass-card{background:var(--cos-bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--cos-border);box-shadow:var(--cos-shadow)}[data-theme=light] .glass-card:hover{box-shadow:var(--cos-shadow),0 0 0 1px var(--cos-border-hover)}[data-theme=light] .mat-mdc-progress-bar{--mat-progress-bar-track-color: var(--cos-progress-track);--mat-progress-bar-active-indicator-color: var(--mat-sys-primary)}[data-theme=light] .mat-mdc-form-field{--mat-form-field-filled-container-color: var(--cos-bg-sidebar);--mat-form-field-outlined-outline-color: var(--cos-form-outline)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--cos-text-placeholder);opacity:1}[data-theme=light] .header-search-input::placeholder{color:var(--cos-text-placeholder)}.mat-mdc-tooltip .mdc-tooltip__surface{background:var(--cos-bg-card);color:var(--cos-text-primary);border:1px solid var(--cos-border);border-radius:var(--cos-radius-sm);font-family:var(--cos-font-body);font-size:12px;box-shadow:var(--cos-shadow)}.mat-mdc-menu-panel{--mat-menu-container-color: var(--cos-bg-card);border:1px solid var(--cos-border);border-radius:var(--cos-radius-md)!important;box-shadow:var(--cos-shadow-elevated)}.mat-mdc-menu-item{--mat-menu-item-label-text-size: 13px;--mat-menu-item-label-text-tracking: 0;--mat-menu-item-label-text-color: var(--cos-text-primary);--mat-menu-item-icon-color: var(--cos-text-muted)}.mat-mdc-menu-item:hover{--mat-menu-item-hover-state-layer-color: var(--cos-overlay-hover)}.mat-mdc-menu-item .mat-icon{color:var(--cos-text-muted)}.mat-mdc-menu-panel.issues-bulk-menu-panel{min-width:11rem}.mat-mdc-menu-panel.issues-bulk-menu-panel .mat-mdc-menu-item .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:var(--cos-space-sm)}.mat-mdc-menu-panel.issues-bulk-menu-panel .issues-bulk-menu-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--cos-border) 70%,transparent)}.toast-success .mdc-snackbar__surface{background:var(--cos-success)!important;color:var(--cos-on-filled)!important}.toast-error .mdc-snackbar__surface{background:var(--cos-error)!important;color:var(--cos-on-filled)!important}.toast-warning .mdc-snackbar__surface{background:var(--cos-warning)!important;color:var(--cos-text-primary)!important}.toast-info .mdc-snackbar__surface{background:var(--cos-accent)!important;color:var(--cos-on-accent)!important}[data-theme=light] .toast-info .mdc-snackbar__surface{background:var(--cos-link)!important;color:var(--cos-on-filled)!important}