:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--surface-primary: #ffffff;--surface-secondary: #f8f8f8;--surface-tertiary: #f0f0f0;--surface-card: #ffffff;--surface-inverse: #000000;--gray-separator: #e5e5e5;--text-primary: #000000;--text-secondary: #404040;--text-tertiary: #666666;--text-muted: #999999;--text-inverse: #ffffff;--text-light: #666666;--border-primary: #000000;--border-secondary: var(--gray-separator);--border-light: #f0f0f0;--border-inverse: #ffffff;--status-success: #16a34a;--status-success-light: #dcfce7;--status-warning: #ca8a04;--status-warning-light: #fef9c3;--status-danger: #dc2626;--status-danger-light: #fee2e2;--status-info: #2563eb;--status-info-light: #dbeafe;--color-primary-black: var(--text-primary);--color-primary-white: var(--surface-primary);--color-neutral-10: var(--surface-secondary);--color-neutral-20: var(--surface-tertiary);--color-neutral-30: var(--border-secondary);--color-neutral-40: var(--text-muted);--color-neutral-50: var(--text-tertiary);--color-primary-green: var(--status-success);--color-secondary-green: var(--status-success-light);--color-primary-yellow: var(--status-warning);--color-secondary-yellow: var(--status-warning-light);--color-primary-red: var(--status-danger);--color-secondary-red: var(--status-danger-light);--color-primary-blue: var(--status-info);--color-secondary-blue: var(--status-info-light);--color-primary-pink: #f472b6;--color-secondary-pink: #fce7f3;--accent-primary: #1976d2;--accent-primary-hover: #1565c0;--accent-primary-light: #e3f2fd;--accent-secondary: #2196f3;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-brutal: 4px 4px 0px 0px rgba(0, 0, 0, .05);--shadow-brutal-sm: 2px 2px 0px 0px var(--border-primary);--shadow-brutal-md: 4px 4px 0px 0px var(--border-primary);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition: .2s ease}[data-theme=dark]{--surface-primary: #000000;--surface-secondary: #0a0a0a;--surface-tertiary: #121212;--surface-card: #0a0a0a;--surface-inverse: #ffffff;--gray-separator: #333333;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--text-muted: #666666;--text-inverse: #000000;--text-light: #cccccc;--border-primary: #ffffff;--border-secondary: var(--gray-separator);--border-light: #1a1a1a;--border-inverse: #000000;--status-success: #22c55e;--status-success-light: #14532d;--status-warning: #fbbf24;--status-warning-light: #451a03;--status-danger: #f87171;--status-danger-light: #450a0a;--status-info: #60a5fa;--status-info-light: #172554;--shadow-brutal: 4px 4px 0px 0px rgba(255, 255, 255, .1);--shadow-brutal-sm: 2px 2px 0px 0px var(--text-primary);--shadow-brutal-md: 4px 4px 0px 0px var(--text-primary)}[data-color=blue]{--accent-primary: #1976d2;--accent-primary-hover: #1565c0;--accent-primary-light: #e3f2fd;--accent-secondary: #2196f3}[data-theme=dark][data-color=blue]{--accent-primary: #60a5fa;--accent-primary-hover: #93c5fd;--accent-primary-light: #1e3a5f}[data-color=green]{--accent-primary: #16a34a;--accent-primary-hover: #15803d;--accent-primary-light: #dcfce7;--accent-secondary: #22c55e}[data-theme=dark][data-color=green]{--accent-primary: #4ade80;--accent-primary-hover: #86efac;--accent-primary-light: #14532d}[data-color=purple]{--accent-primary: #7c3aed;--accent-primary-hover: #6d28d9;--accent-primary-light: #ede9fe;--accent-secondary: #8b5cf6}[data-theme=dark][data-color=purple]{--accent-primary: #a78bfa;--accent-primary-hover: #c4b5fd;--accent-primary-light: #2e1065}[data-color=orange]{--accent-primary: #ea580c;--accent-primary-hover: #c2410c;--accent-primary-light: #ffedd5;--accent-secondary: #f97316}[data-theme=dark][data-color=orange]{--accent-primary: #fb923c;--accent-primary-hover: #fdba74;--accent-primary-light: #431407}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-primary-black);background-color:var(--color-primary-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-xs{font-size:11px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-black{color:var(--color-primary-black)}.text-white{color:var(--color-primary-white)}.text-muted{color:var(--color-neutral-50)}.bg-white{background-color:var(--color-primary-white)}.bg-black{background-color:var(--color-primary-black)}.bg-neutral-10{background-color:var(--color-neutral-10)}.bg-neutral-20{background-color:var(--color-neutral-20)}.bg-yellow{background-color:var(--color-primary-yellow)}.bg-blue{background-color:var(--color-primary-blue)}.bg-green{background-color:var(--color-primary-green)}.bg-pink{background-color:var(--color-primary-pink)}.bg-red{background-color:var(--color-primary-red)}.bg-primary-white{background-color:var(--color-primary-white)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.flex-col{flex-direction:column}.w-full{width:100%}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.mt-2{margin-top:var(--spacing-2)}.border-black{border-color:var(--color-primary-black)}.border-white{border-color:var(--color-primary-white)}.border-neutral-20{border-color:var(--color-neutral-20)}.border-b-2{border-bottom-width:2px}.border-b-3{border-bottom-width:3px}.border-l-4{border-left-width:4px}.border-l-success{border-left-color:var(--color-primary-green)}.border-l-warning{border-left-color:var(--color-primary-yellow)}.border-l-danger{border-left-color:var(--color-primary-red)}.border-l-primary{border-left-color:var(--color-primary-blue)}.sticky{position:sticky}.top-0,.top-header{top:0}.z-20{z-index:20}.z-30{z-index:30}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.brutal-border{border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs)}.brutal-border-b{border-bottom:1.5px solid var(--color-primary-black)}.brutal-border-t{border-top:1.5px solid var(--color-primary-black)}.brutal-table-wrapper{border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs);overflow:hidden;background-color:var(--color-primary-white)}.brutal-table{width:100%;border-collapse:collapse}.brutal-table-header{background-color:var(--color-neutral-20)}.brutal-table-header th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--color-primary-black);color:var(--color-primary-black);white-space:nowrap}.brutal-table-header th.sortable{cursor:pointer}.brutal-table-header th.sortable:hover{background-color:var(--color-neutral-30)}.brutal-table tbody tr{border-bottom:1px solid var(--color-neutral-20);cursor:pointer;transition:background-color var(--transition-fast)}.brutal-table tbody td{padding:var(--spacing-3) var(--spacing-4);font-size:14px;color:var(--color-primary-black)}.row-hover-default:hover{background-color:var(--color-neutral-10)}.row-hover-success:hover{background-color:var(--color-secondary-blue)}.row-hover-warning:hover{background-color:var(--color-secondary-yellow)}.row-hover-danger:hover{background-color:var(--color-secondary-red)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--text-primary)!important;border-radius:var(--radius-xs);background-color:var(--color-primary-white);transform:translate(-2px,-2px);box-shadow:2px 2px 0 0 var(--text-primary);cursor:default}.badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid var(--text-primary)!important}.dot-green{background-color:var(--color-primary-green)}.dot-yellow{background-color:var(--color-primary-yellow)}.dot-red{background-color:var(--color-primary-red)}.dot-blue{background-color:var(--color-primary-blue)}.dot-gray{background-color:var(--color-neutral-50)}.badge-primary{background-color:var(--color-secondary-blue);color:var(--color-primary-black)}.badge-success{background-color:var(--color-secondary-green);color:var(--color-primary-black)}.badge-warning{background-color:var(--color-secondary-yellow);color:var(--color-primary-black)}.badge-danger{background-color:var(--color-secondary-red);color:var(--color-primary-black)}.badge-neutral{background-color:var(--color-neutral-20);color:var(--color-primary-black)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:14px;font-weight:600;border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;z-index:1}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-sm)}.btn:active{transform:translate(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--color-primary-white);color:var(--color-primary-black)}.btn-secondary:hover{background-color:var(--color-neutral-10)}.btn-success{background-color:var(--color-primary-green);color:var(--color-primary-white)}.btn-success:hover{background-color:var(--status-success);filter:brightness(.9)}.btn-danger{background-color:var(--color-primary-red);color:var(--color-primary-white)}.btn-danger:hover{background-color:var(--status-danger);filter:brightness(.9)}.btn-ghost{background-color:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{background-color:var(--color-neutral-20);box-shadow:none;transform:none}.btn-sm{padding:var(--spacing-1) var(--spacing-2);font-size:12px}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:16px}.spinner{width:24px;height:24px;border:2px solid var(--color-neutral-30);border-top-color:var(--color-primary-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.decorative-footer{padding:var(--spacing-4) 0;border-top:1.5px solid var(--color-primary-black)}.decorative-footer .dotted-pattern{height:16px;width:100%;background-repeat:repeat-x;background-position:center;background-image:url('data:image/svg+xml,<svg width="9" height="2" xmlns="http://www.w3.org/2000/svg"><circle cx="1" cy="1" r="1" fill="black"/></svg>')}.decorative-footer .footer-text{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:var(--color-neutral-40);margin-top:var(--spacing-2);font-family:var(--font-mono)}.min-h-screen{min-height:100vh}.container{width:100%;max-width:1280px;margin:0 auto}.max-w-7xl{max-width:1280px}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.divide-y>*+*{border-top:1px solid var(--color-neutral-20)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-12{grid-template-columns:repeat(12,1fr)}}.md\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-2{grid-column:span 2 / span 2}.col-span-10{grid-column:span 10 / span 10}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-10{grid-column:span 10 / span 10}.md\:grid-cols-12{grid-template-columns:repeat(12,1fr)}}.border-brutal{border:1.5px solid var(--color-primary-black)}.border-brutal-b{border-bottom:1.5px solid var(--color-primary-black)}.px-6{padding-left:24px;padding-right:24px}.px-12{padding-left:48px;padding-right:48px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.py-20{padding-top:80px;padding-bottom:80px}.px-24{padding-left:96px;padding-right:96px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-6{gap:24px}.gap-8{gap:32px}.pt-4{padding-top:16px}.mt-6{margin-top:24px}.border{border:1px solid var(--color-neutral-30)}.border-t{border-top:1px solid var(--color-neutral-20)}.border-b{border-bottom:1px solid var(--color-neutral-20)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-full{border-radius:9999px}.w-3{width:12px}.h-3{height:12px}.w-8{width:32px}.h-8{height:32px}.h-32{height:128px}.size-6{width:6px;height:6px}.size-12{width:12px;height:12px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}input[type=text],input[type=date],select{padding:var(--spacing-2) var(--spacing-3);border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:14px;background-color:var(--color-primary-white);outline:none;transition:box-shadow var(--transition-fast)}input[type=text]:focus,input[type=date]:focus,select:focus{box-shadow:0 0 0 2px var(--color-primary-blue)}.page-container{min-height:100vh;background-color:var(--color-neutral-20);font-family:var(--font-sans);display:flex;flex-direction:column}.page-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.card{background-color:var(--color-primary-white);padding:24px;border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs)}.card-shadow,.shadow-brutal-sm{box-shadow:var(--shadow-brutal-sm)}.pipeline-table-wrapper{width:100%;overflow:hidden;border-radius:var(--radius-sm);border:1.5px solid var(--color-primary-black);background-color:var(--color-primary-white);box-shadow:var(--shadow-brutal)}.pipeline-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--color-primary-black);background-color:var(--color-neutral-10);padding:16px 24px}.pipeline-header h3{font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--color-primary-black)}.live-button{display:flex;align-items:center;gap:8px;border:1.5px solid var(--color-primary-black);background-color:var(--color-primary-white);padding:4px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color var(--transition-fast)}.live-button:hover{background-color:var(--color-neutral-20)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary-green);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pipeline-table{width:100%;text-align:left;border-collapse:collapse}.pipeline-table thead tr{border-bottom:1.5px solid var(--color-primary-black);background-color:var(--color-primary-white)}.pipeline-table thead th{padding:12px 24px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-50)}.pipeline-table tbody tr{border-bottom:1px solid var(--color-neutral-20);transition:background-color var(--transition-fast)}.pipeline-table tbody tr:last-child{border-bottom:none}.pipeline-table tbody td{padding:20px 24px}.commit-badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-xs);background-color:var(--color-neutral-10);border:1px solid var(--color-neutral-30);padding:4px 6px;font-family:var(--font-mono);font-size:11px;color:var(--color-primary-black)}.action-link{font-size:13px;font-weight:700;color:var(--color-primary-black);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;cursor:pointer;transition:color var(--transition-fast)}.action-link:hover{text-decoration-style:solid}.action-link.danger:hover{color:var(--color-primary-red)}.action-link.info:hover{color:var(--color-primary-blue)}.rerun-button{position:relative;z-index:10;display:inline-flex;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid var(--color-primary-black);background-color:var(--color-primary-yellow);padding:0 12px;font-size:12px;font-weight:700;color:var(--color-primary-black);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.rerun-button:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-sm)}.dotted-footer{position:relative;height:8px;width:100%;background-color:var(--color-neutral-10)}.dotted-footer:after{content:"";position:absolute;inset:0;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%279%27%20height%3D%272%27%20viewBox%3D%270%200%207%202%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20width%3D%277%27%20height%3D%272%27%20fill%3D%27transparent%27%2F%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E);background-repeat:repeat-x;opacity:.4}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-primary-black);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:14px;cursor:pointer;transition:background-color var(--transition-fast)}.page-btn:hover{background-color:var(--color-neutral-20)}.page-btn.active{background-color:var(--color-primary-yellow)}@media(max-width:768px){.hide-mobile{display:none}.px-24{padding-left:16px;padding-right:16px}}@media(min-width:769px){.hide-desktop{display:none}}.brand-container{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-size:20px;color:var(--color-primary-white);letter-spacing:-.01em}.brand-letter-group{display:flex;align-items:center}.brand-letter{transition:color .3s ease}.brand-container.expanded .brand-letter{color:var(--color-primary-yellow)}.brand-word-expand{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s ease-out}.brand-word-expand span{display:inline-block;font-size:14px;font-weight:400;color:var(--color-neutral-20);opacity:0;transition:opacity .3s ease}.brand-container.expanded .brand-word-expand{max-width:150px}.brand-container.expanded .brand-word-expand span{opacity:1}.brand-delay-0,.brand-delay-1,.brand-delay-2,.brand-delay-3,.brand-delay-4,.brand-container.expanded .brand-delay-0{transition-delay:0ms}.brand-container.expanded .brand-delay-1{transition-delay:50ms}.brand-container.expanded .brand-delay-2{transition-delay:.1s}.brand-container.expanded .brand-delay-3{transition-delay:.15s}.brand-container.expanded .brand-delay-4{transition-delay:.2s}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--border-primary);white-space:nowrap}.badge-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}.badge-primary{background-color:var(--surface-primary);color:var(--text-primary)}.badge-secondary{background-color:var(--surface-secondary);color:var(--text-secondary)}.badge-neutral{background-color:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border-secondary)}.badge-success{background-color:var(--status-success-light);color:var(--status-success);border-color:var(--status-success)}.badge-warning{background-color:var(--status-warning-light);color:var(--status-warning);border-color:var(--status-warning)}.badge-danger{background-color:var(--status-danger-light);color:var(--status-danger);border-color:var(--status-danger)}.badge-info{background-color:var(--status-info-light);color:var(--status-info);border-color:var(--status-info)}.dot-green{background-color:var(--status-success)}.dot-yellow{background-color:var(--status-warning)}.dot-red{background-color:var(--status-danger)}.dot-blue{background-color:var(--status-info)}.dot-gray{background-color:var(--text-muted)}