:root{--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--navy-50: #EEF2FF;--navy-100: #DDE5FC;--navy-200: #B8C9F7;--navy-300: #8BA8F0;--navy-400: #5B80E8;--navy-500: #3B5FD9;--navy-600: #2544B7;--navy-700: #1E3690;--navy-800: #1A2D6D;--navy-900: #162350;--navy-950: #0E1530;--slate-50: #171717;--slate-100: #212121;--slate-200: #2E2E2E;--slate-300: #3D3D3D;--slate-400: #6B6B6B;--slate-500: #8C8C8C;--slate-600: #B0B0B0;--slate-700: #D4D4D4;--slate-800: #ECECEC;--slate-900: #F5F5F5;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--success: #34D399;--success-light: rgba(52,211,153,.12);--success-dark: #6EE7B7;--warning: #FBBF24;--warning-light: rgba(251,191,36,.12);--warning-dark: #FDE68A;--error: #F87171;--error-light: rgba(248,113,113,.1);--error-dark: #FCA5A5;--info: #60A5FA;--info-light: rgba(96,165,250,.1);--info-dark: #93C5FD;--page-bg: #171717;--card-bg: #212121;--input-bg: #2E2E2E;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--topbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--page-bg);color:var(--slate-900);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--page-bg)}.login-card{background:var(--card-bg);box-shadow:var(--shadow-lg);padding:40px;width:400px;max-width:90vw;border-radius:var(--radius-xl);transition:background-color .3s ease,box-shadow .3s ease}.login-logo{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--slate-900);margin-bottom:4px;text-align:center}.login-subtitle{font-family:var(--font-body);font-size:14px;color:var(--slate-500);text-align:center;margin-bottom:32px}.login-input{width:100%;background:var(--input-bg);border:1px solid var(--slate-200);color:var(--slate-900);padding:12px 16px;font-family:var(--font-body);font-size:14px;border-radius:var(--radius-md);margin-bottom:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:var(--slate-400)}.login-input:focus{border-color:var(--navy-500);box-shadow:0 0 0 3px #3b5fd91f}.login-btn{width:100%;background:linear-gradient(135deg,var(--navy-600),var(--navy-700));color:#fff;border:none;padding:12px;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;border-radius:var(--radius-md);transition:opacity .2s ease,transform .1s ease}.login-btn:hover{opacity:.92}.login-btn:active{transform:scale(.99)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--error);font-size:13px;margin-bottom:16px;text-align:center;background:var(--error-light);padding:8px 12px;border-radius:var(--radius-sm)}.navbar{display:flex;align-items:center;border-bottom:1px solid var(--slate-200);padding:0 24px;height:var(--topbar-height);background:var(--card-bg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;transition:background-color .3s ease,box-shadow .3s ease}.nav-logo{font-family:var(--font-display);font-size:18px;color:#fff;margin-right:40px;white-space:nowrap}.nav-tabs{display:flex;gap:0;flex:1;height:100%;overflow-x:auto}.nav-tab{padding:0 16px;height:100%;display:flex;align-items:center;color:var(--slate-500);cursor:pointer;border-bottom:2px solid transparent;font-family:var(--font-body);font-size:14px;font-weight:500;transition:color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:capitalize}.nav-tab:hover{color:var(--slate-700)}.nav-tab.active{color:#fff;border-bottom-color:#fff}.nav-tab .badge{background:var(--error);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;margin-left:6px;line-height:1.2}.nav-actions{display:flex;gap:8px;align-items:center}.nav-btn{background:transparent;border:1px solid var(--slate-200);color:var(--slate-500);padding:6px 12px;font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease}.nav-btn:hover{color:var(--slate-700);border-color:var(--slate-300);background:var(--slate-100)}.nav-theme-btn{background:transparent;border:1px solid var(--slate-200);color:var(--slate-500);padding:6px 10px;font-size:16px;cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;line-height:1;display:flex;align-items:center;justify-content:center}.nav-theme-btn:hover{background:var(--slate-100);border-color:var(--slate-300)}.nav-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--navy-500),var(--navy-700));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase}.nav-user{color:var(--slate-500);font-size:13px;font-weight:500}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px}.stat-card{background:var(--card-bg);box-shadow:var(--shadow-sm);padding:20px;border-radius:var(--radius-lg);border-left:4px solid var(--navy-500);transition:background-color .3s ease,box-shadow .3s ease}.stat-card.stat-success{border-left-color:var(--success)}.stat-card.stat-error{border-left-color:var(--error)}.stat-card.stat-warning{border-left-color:var(--amber-500)}.stat-card.stat-info{border-left-color:var(--info)}.stat-label{font-family:var(--font-body);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);margin-bottom:4px}.stat-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--slate-900);line-height:1.2;font-variant-numeric:tabular-nums}.stat-value.green{color:var(--success)}.stat-value.red{color:var(--error)}.stat-value.amber{color:var(--amber-500)}.stat-sub{font-family:var(--font-body);font-size:13px;color:var(--slate-400);margin-top:4px}.table-container{padding:0 24px 24px;overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}thead tr{background:var(--slate-100)}th{text-align:left;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);padding:12px 16px;border-bottom:1px solid var(--slate-200)}td{padding:12px 16px;border-bottom:1px solid var(--slate-100);font-size:14px;vertical-align:top;color:var(--slate-900);transition:background-color .1s ease}tr:last-child td{border-bottom:none}tr:hover td{background:var(--slate-50)}tr.clickable{cursor:pointer}.td-num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.td-muted{color:var(--slate-400)}.td-secondary{color:var(--slate-500)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.4}.badge-confirmed,.badge-done{background:var(--success-light);color:var(--success-dark)}.badge-failed{background:var(--error-light);color:var(--error-dark)}.badge-partial,.badge-mixed{background:var(--warning-light);color:var(--warning-dark)}.badge-running{background:var(--info-light);color:var(--info-dark)}.badge-blocked{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error)}.badge-pending,.badge-backlog{background:var(--slate-100);color:var(--slate-500)}.badge-active{background:var(--error-light);color:var(--error-dark)}.badge-resolved{background:var(--success-light);color:var(--success-dark)}.type-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.type-pipeline{color:var(--navy-600);background:var(--navy-50);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;display:inline-block}.type-model{color:#7c3aed;background:#f5f3ff;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;display:inline-block}.type-infra{color:#0d9488;background:#ecfdf5;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;display:inline-block}.type-analysis{color:#db2777;background:#fdf2f8;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;display:inline-block}[data-theme=dark] .type-pipeline{color:var(--navy-300);background:#3b5fd926}[data-theme=dark] .type-model{color:#a78bfa;background:#7c3aed26}[data-theme=dark] .type-infra{color:#5eead4;background:#0d948826}[data-theme=dark] .type-analysis{color:#f472b6;background:#db277726}.filters{display:flex;gap:8px;padding:16px 24px;flex-wrap:wrap}.filter-pill{padding:6px 16px;font-family:var(--font-body);font-size:13px;font-weight:500;border:1px solid var(--slate-200);border-radius:999px;cursor:pointer;color:var(--slate-600);background:var(--slate-100);transition:all .15s ease;text-transform:capitalize}.filter-pill:hover{border-color:var(--slate-300);background:var(--slate-200)}.filter-pill.active{border-color:var(--navy-200);color:var(--navy-600);background:var(--navy-50)}[data-theme=dark] .filter-pill.active{border-color:#3b5fd94d;color:var(--navy-300);background:#3b5fd926}.detail-panel{background:var(--card-bg);box-shadow:var(--shadow-md);margin:0 24px 24px;padding:24px;border-radius:var(--radius-lg);transition:background-color .3s ease}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--slate-900)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--slate-200)}.detail-field-label{font-family:var(--font-body);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);margin-bottom:4px}.detail-field-value{font-family:var(--font-body);font-size:14px;color:var(--slate-900)}.log-section-title{font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);margin-bottom:16px}.log-timeline{position:relative;padding-left:28px}.log-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--slate-200);border-radius:1px}.log-entry{position:relative;padding:8px 0 20px}.log-dot{position:absolute;left:-24px;top:12px;width:10px;height:10px;border-radius:50%;border:2px solid var(--card-bg);box-shadow:0 0 0 2px var(--slate-300)}.log-dot.info{background:var(--info);box-shadow:0 0 0 2px var(--info)}.log-dot.success{background:var(--success);box-shadow:0 0 0 2px var(--success)}.log-dot.warn{background:var(--amber-500);box-shadow:0 0 0 2px var(--amber-500)}.log-dot.error{background:var(--error);box-shadow:0 0 0 2px var(--error)}.log-dot.debug{background:var(--slate-400);box-shadow:0 0 0 2px var(--slate-400)}.log-stage{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;font-variant:small-caps}.log-message{font-family:var(--font-body);font-size:14px;color:var(--slate-900);margin-top:2px}.log-time{font-family:var(--font-mono);font-size:12px;color:var(--slate-400);margin-top:4px}.log-metadata{background:var(--slate-50);border-radius:var(--radius-md);padding:12px;margin-top:8px;font-family:var(--font-mono);font-size:12px;color:var(--slate-600);white-space:pre-wrap;max-height:200px;overflow-y:auto;line-height:1.6}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1}.form-label{font-family:var(--font-body);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);margin-bottom:6px;display:block}.form-input,.form-select,.form-textarea{width:100%;background:var(--input-bg);border:1px solid var(--slate-200);color:var(--slate-900);padding:10px 14px;font-family:var(--font-body);font-size:14px;border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:var(--slate-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--navy-500);box-shadow:0 0 0 3px #3b5fd91f}.form-textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:8px;margin-top:16px}.btn{padding:10px 20px;font-family:var(--font-body);font-size:13px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--navy-600),var(--navy-700));color:#fff}.btn-primary:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-secondary{background:transparent;border:1px solid var(--slate-200);color:var(--slate-600)}.btn-secondary:hover{border-color:var(--slate-300);background:var(--slate-100);color:var(--slate-700)}.btn-sm{padding:6px 12px;font-size:12px}.chart-container{padding:24px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;padding:0 24px 24px}.chart-card{background:var(--card-bg);box-shadow:var(--shadow-sm);padding:20px;border-radius:var(--radius-lg);transition:background-color .3s ease}.chart-title{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);margin-bottom:16px}.blocker-banner{margin:16px 24px;padding:16px 20px;background:var(--warning-light);border-left:4px solid var(--amber-500);border-radius:var(--radius-md)}.blocker-banner-title{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--warning-dark);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.blocker-item{display:flex;gap:8px;align-items:baseline;padding:4px 0;font-size:13px;color:var(--slate-700)}.blocker-card{background:var(--error-light);border-left:4px solid var(--error);padding:20px;border-radius:var(--radius-md);margin-bottom:12px;transition:background-color .3s ease}.blocker-card.resolved{background:var(--success-light);border-left-color:var(--success);opacity:.85}.blocker-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.blocker-card-title{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--slate-900)}.blocker-card-desc{font-size:13px;color:var(--slate-600);margin-bottom:10px;line-height:1.5}.blocker-card-meta{display:flex;gap:16px;font-size:12px;color:var(--slate-500);flex-wrap:wrap}.blocker-card-resolution{margin-top:12px;padding-top:12px;border-top:1px solid var(--slate-200);font-size:13px;color:var(--success)}.blocker-type-creds{color:var(--amber-600);font-weight:500}.blocker-type-budget{color:var(--error);font-weight:500}.blocker-type-infra{color:var(--info);font-weight:500}.blocker-type-access{color:#7c3aed;font-weight:500}.blocker-type-data{color:var(--navy-600);font-weight:500}.blocker-type-other{color:var(--slate-500);font-weight:500}[data-theme=dark] .blocker-type-creds{color:var(--amber-400)}[data-theme=dark] .blocker-type-access{color:#a78bfa}[data-theme=dark] .blocker-type-data{color:var(--navy-300)}.cred-value{font-family:var(--font-mono);letter-spacing:.1em}.cred-masked{color:var(--slate-400)}.cred-service-badge{display:inline-block;background:var(--slate-100);color:var(--slate-600);padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.pipeline-diagram{display:flex;align-items:center;gap:0;padding:24px;overflow-x:auto}.pipeline-stage{background:var(--card-bg);box-shadow:var(--shadow-sm);padding:20px;min-width:180px;border-radius:var(--radius-lg);text-align:center;transition:background-color .3s ease}.pipeline-arrow{color:var(--slate-300);padding:0 4px;font-size:24px;flex-shrink:0;display:flex;align-items:center}.pipeline-arrow svg{width:32px;height:32px}.pipeline-stage-name{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--slate-900);margin-bottom:6px}.pipeline-stage-detail{font-family:var(--font-mono);font-size:12px;color:var(--slate-500);line-height:1.6}.activity-feed{padding:0 24px 24px}.activity-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--slate-100);font-size:13px;align-items:baseline}.activity-item:last-child{border-bottom:none}.activity-time{font-family:var(--font-mono);color:var(--slate-400);white-space:nowrap;min-width:150px;font-size:12px}.activity-level{min-width:10px;font-size:8px;line-height:1}.activity-level.info{color:var(--info)}.activity-level.success{color:var(--success)}.activity-level.warn{color:var(--warning)}.activity-level.error{color:var(--error)}.activity-exp{font-family:var(--font-body);font-weight:500;color:var(--slate-900)}.activity-msg{color:var(--slate-600)}.section-header{padding:20px 24px 10px;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500)}.loading{padding:48px 24px;color:var(--slate-400);text-align:center;font-family:var(--font-body);font-size:14px}.error-msg{padding:24px;color:var(--error);font-family:var(--font-body)}.tab-content{padding-bottom:32px}.metric-bar{display:flex;align-items:center;gap:8px;margin:4px 0}.metric-bar-fill{height:8px;border-radius:4px}.metric-bar-label{font-size:12px;color:var(--slate-500);min-width:70px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@media (max-width: 1024px){.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.charts-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.stat-value{font-size:24px}.stat-card{padding:12px}.navbar{padding:0 8px;height:auto;min-height:48px;flex-wrap:wrap;gap:4px}.nav-logo{margin-right:12px;font-size:15px}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:0 10px;font-size:12px;white-space:nowrap}.nav-actions{gap:4px}.nav-btn{padding:4px 8px;font-size:11px}.nav-user-avatar{width:28px;height:28px;font-size:12px}.detail-meta{grid-template-columns:1fr}.detail-panel{margin:0 12px 12px;padding:16px}.table-container{padding:0 12px 12px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:6px 8px;font-size:12px;white-space:nowrap}.filters{padding:8px 12px;gap:4px}.filter-pill{padding:4px 8px;font-size:11px}.charts-grid{grid-template-columns:1fr;padding:0 12px 12px}.chart-card{padding:12px}.pipeline-diagram{padding:12px;flex-direction:column;align-items:stretch}.pipeline-stage{min-width:auto}.pipeline-arrow{transform:rotate(90deg);padding:4px 0;text-align:center}.form-row{flex-direction:column;gap:8px}.form-group{width:100%}.tab-toolbar{flex-direction:column;gap:8px;align-items:flex-start;padding:12px 16px}.activity-item{flex-wrap:wrap;gap:4px}.activity-time{min-width:auto;font-size:11px}.activity-msg{font-size:12px}.section-header{padding:12px 12px 6px}.blocker-banner{margin:8px 12px;padding:10px 12px}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr;gap:8px;padding:8px}.stat-card{display:flex;align-items:center;gap:12px;padding:10px 12px}.stat-card .stat-label{margin-bottom:0;min-width:100px}.stat-card .stat-value{font-size:20px}.stat-card .stat-sub{display:none}.navbar{padding:0 6px}.nav-logo{margin-right:8px;font-size:14px}.nav-tab{padding:0 8px;font-size:11px}.nav-user-avatar{display:none}.nav-btn{font-size:10px;padding:3px 6px}.login-card{padding:24px;width:95vw}.login-logo{font-size:22px}.detail-panel{margin:0 8px 8px;padding:12px}.blocker-banner{margin:8px}}*,*:before,*:after{transition-property:background-color,border-color,box-shadow;transition-duration:0s}body.theme-transitioning *,body.theme-transitioning *:before,body.theme-transitioning *:after{transition-duration:.3s;transition-timing-function:ease}.tab-toolbar{display:flex;justify-content:space-between;padding:16px 24px;align-items:center}.tab-toolbar-title{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500)}.empty-state{color:var(--slate-400);padding:32px;text-align:center;font-size:14px}