@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";:root{--color-brand-primary: #00AEFF;--color-brand-primary-hover: #008fcf;--color-brand-dark: #0A192F;--color-brand-light: #FFFFFF;--color-background-body: #f5f5f5;--color-background-card: #FFFFFF;--color-background-card-alt: #f9fafb;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-inverted: #FFFFFF;--color-text-link: var(--color-brand-primary);--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-green-bg: #d1fae5;--color-green-text: #065f46;--color-yellow-bg: #fef3c7;--color-yellow-text: #92400e;--color-red-bg: #fee2e2;--color-red-text: #991b1b;--color-blue-bg: #dbeafe;--color-blue-text: #1e40af;--color-purple-bg: #e9d5ff;--color-purple-text: #6b21a8;--color-cyan-bg: #cffafe;--color-cyan-text: #155e75;--color-gray-bg: #f3f4f6;--color-gray-text: #4b5563;--color-orange-bg: #ffedd5;--color-orange-text: #ea580c;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--motion-standard: cubic-bezier(.2, 0, 0, 1);--motion-decelerate: cubic-bezier(0, 0, .2, 1);--motion-accelerate: cubic-bezier(.3, 0, .8, .15);--motion-duration-short: .15s;--motion-duration-medium: .2s;--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-light: #e0f2fe;--color-primary-on: #ffffff;--color-surface: #ffffff;--color-surface-dim: #f8fafc;--color-surface-container: #f1f5f9;--color-on-surface: #0f172a;--color-on-surface-variant: #475569;--color-muted: #64748b;--color-outline: #e2e8f0;--color-outline-variant: rgba(148, 163, 184, .25);--color-error: #b91c1c;--color-error-container: #fee2e2;--color-warning: #b45309;--color-warning-container: #fef3c7;--color-success: #15803d;--color-success-container: #dcfce7;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .1), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .1), 0 4px 6px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .1), 0 8px 10px rgba(15, 23, 42, .04);--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--space-0: 2px;--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;--text-xs: .6875rem;--text-sm: .75rem;--text-body-sm: .8125rem;--text-body: .875rem;--text-body-lg: .9375rem;--text-title-sm: 1rem;--text-title: 1.125rem;--text-title-lg: 1.5rem;--text-headline: 1.75rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--icon-2xl: 3rem;--size-icon-button: 2.5rem;--size-touch-target: 2.75rem;--width-side-sheet: min(30rem, 90vw);--width-content-max: 75rem;--md-sys-color-scrim: rgba(0, 0, 0, .32);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--color-background-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-text-link);text-decoration:none;transition:all .2s}a:hover{text-decoration:underline;opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--color-background-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:20px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;text-decoration:none!important;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-primary);color:var(--color-brand-light)}.btn-primary:not(:disabled):hover{background-color:var(--color-brand-primary-hover);color:var(--color-brand-light)}.btn-secondary{background-color:var(--color-background-card-alt);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.btn-secondary:not(:disabled):hover{background-color:var(--color-gray-bg);border-color:var(--color-border-secondary)}.btn-danger{background-color:var(--color-red-bg);color:var(--color-red-text);border:1px solid var(--color-red-text)}.btn-danger:not(:disabled):hover{background-color:var(--color-red-bg);opacity:.8}.btn-success{background-color:var(--color-green-text);color:#fff;border:1px solid transparent}.btn-success:not(:disabled):hover{opacity:.85}.btn-pipeline-active{background-color:var(--color-yellow-bg);color:var(--color-yellow-text);border:1px solid var(--color-yellow-text);font-weight:600}.btn-pipeline-active:not(:disabled):hover{opacity:.85}.btn-pipeline-inactive{background-color:var(--color-blue-bg);color:var(--color-blue-text);border:1px solid var(--color-blue-text);font-weight:600}.btn-pipeline-inactive:not(:disabled):hover{opacity:.85}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;line-height:1.4}.badge-blue{background-color:var(--color-blue-bg);color:var(--color-blue-text)}.badge-green{background-color:var(--color-green-bg);color:var(--color-green-text)}.badge-yellow{background-color:var(--color-yellow-bg);color:var(--color-yellow-text)}.badge-purple{background-color:var(--color-purple-bg);color:var(--color-purple-text)}.badge-cyan{background-color:var(--color-cyan-bg);color:var(--color-cyan-text)}.badge-red{background-color:var(--color-red-bg);color:var(--color-red-text)}.badge-gray{background-color:var(--color-gray-bg);color:var(--color-gray-text)}.input,select.input{width:100%;padding:12px;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-family-sans);background-color:var(--color-background-card);color:var(--color-text-primary)}.input:focus,select.input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #00aeff33}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-brand-light);animation:spin 1s ease-in-out infinite}.loading-dark{border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-brand-primary)}@keyframes spin{to{transform:rotate(360deg)}}.list-item-link{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--color-background-card-alt);border-radius:var(--radius-md);text-decoration:none;color:var(--color-blue-text);border:1px solid var(--color-border-primary);transition:all .2s;cursor:pointer}.list-item-link:hover{background-color:var(--color-gray-bg);border-color:var(--color-brand-primary);text-decoration:none}.wbs-pane{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:16px;align-items:start}.wbs-detail-pane{background:var(--color-background-card);border:1px solid var(--color-border-primary);border-radius:12px;padding:14px;box-shadow:var(--shadow-sm);min-height:260px;position:sticky;top:90px}@media (max-width: 900px){.wbs-pane{grid-template-columns:1fr}.wbs-detail-pane{position:relative;top:auto}}:root{--md-sys-color-primary: #0284c7;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e0f2fe;--md-sys-color-on-primary-container: #0c4a6e;--md-sys-color-secondary: #475569;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #f1f5f9;--md-sys-color-on-secondary-container: #1e293b;--md-sys-color-tertiary: #4f46e5;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #e0e7ff;--md-sys-color-on-tertiary-container: #3730a3;--md-sys-color-error: #b91c1c;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #fee2e2;--md-sys-color-on-error-container: #7f1d1d;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #0f172a;--md-sys-color-surface-variant: #f1f5f9;--md-sys-color-on-surface-variant: #475569;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f8fafc;--md-sys-color-surface-container: #f1f5f9;--md-sys-color-surface-container-high: #e2e8f0;--md-sys-color-surface-container-highest: #cbd5e1;--md-sys-color-outline: #94a3b8;--md-sys-color-outline-variant: #e2e8f0;--md-sys-color-background: #f8fafc;--md-sys-color-on-background: #0f172a;--md-sys-color-inverse-surface: #1e293b;--md-sys-color-inverse-on-surface: #f1f5f9;--md-sys-color-inverse-primary: #38bdf8;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-typescale-body-large-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-body-medium-size: 14px;--md-sys-typescale-body-medium-line-height: 20px;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-label-large-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-line-height: 20px;--md-sys-typescale-label-large-weight: 500;--md-sys-typescale-label-medium-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-label-medium-size: 12px;--md-sys-typescale-label-medium-line-height: 16px;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-title-large-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-large-weight: 600;--md-sys-typescale-title-medium-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-title-medium-size: 16px;--md-sys-typescale-title-medium-line-height: 24px;--md-sys-typescale-title-medium-weight: 600;--md-sys-typescale-headline-medium-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--md-sys-typescale-headline-medium-size: 28px;--md-sys-typescale-headline-medium-line-height: 36px;--md-sys-typescale-headline-medium-weight: 600;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-filled-button-container-color: var(--md-sys-color-primary);--md-filled-button-label-text-color: var(--md-sys-color-on-primary);--md-filled-button-container-shape: var(--md-sys-shape-corner-full);--md-filled-button-label-text-font: var(--md-sys-typescale-label-large-font);--md-filled-button-label-text-size: var(--md-sys-typescale-label-large-size);--md-filled-button-label-text-weight: var(--md-sys-typescale-label-large-weight);--md-outlined-button-outline-color: var(--md-sys-color-outline);--md-outlined-button-label-text-color: var(--md-sys-color-primary);--md-outlined-button-container-shape: var(--md-sys-shape-corner-full);--md-text-button-label-text-color: var(--md-sys-color-primary);--md-text-button-container-shape: var(--md-sys-shape-corner-full);--md-filter-chip-container-shape: var(--md-sys-shape-corner-full);--md-filter-chip-label-text-font: var(--md-sys-typescale-label-medium-font);--md-filter-chip-label-text-size: var(--md-sys-typescale-label-medium-size);--md-filter-chip-selected-container-color: var(--md-sys-color-secondary-container);--md-filter-chip-selected-label-text-color: var(--md-sys-color-on-secondary-container);--md-outlined-text-field-container-shape: var(--md-sys-shape-corner-small);--md-outlined-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--md-outlined-text-field-input-text-font: var(--md-sys-typescale-body-large-font);--md-outlined-text-field-input-text-size: var(--md-sys-typescale-body-large-size);--md-outlined-select-text-field-container-shape: var(--md-sys-shape-corner-small);--md-outlined-select-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-select-text-field-focus-outline-color: var(--md-sys-color-primary);--md-circular-progress-active-indicator-color: var(--md-sys-color-primary);--md-circular-progress-size: 48px;--md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);--md-icon-button-state-layer-shape: var(--md-sys-shape-corner-full);--md-divider-color: var(--md-sys-color-outline-variant)}md-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}md-chip-set{display:flex;flex-wrap:wrap;gap:8px}md-filled-button,md-outlined-button,md-text-button{--md-filled-button-container-height: 40px;--md-outlined-button-container-height: 40px;--md-text-button-container-height: 40px}md-circular-progress{--md-circular-progress-size: 24px}md-circular-progress.large{--md-circular-progress-size: 48px}md-outlined-text-field{width:100%}md-outlined-select{width:100%}
