body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark] body{color:#e8eaed;background:#0b0f14}[data-theme=dark] .app-layout{background:#0b0f14}[data-theme=dark] .layout-header,[data-theme=dark] .layout-footer{color:#b9c2cf;background:#0f1722;border-color:#223047}[data-theme=dark] .user-info{color:#cfd8e3}[data-theme=dark] .logout-button{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] .logout-button:hover{background:#374151;border-color:#4b5563}[data-theme=dark] .main-navigation{background:#0f1722;border-bottom:1px solid #223047}[data-theme=dark] .repository-form{box-shadow:none;background:#0f1722;border-color:#223047}[data-theme=dark] .form-group label{color:#e5e7eb}[data-theme=dark] .form-control{color:#e5e7eb;background:#0b1220;border-color:#334155}[data-theme=dark] .form-control::placeholder{color:#6b7280}[data-theme=dark] .info-section{background-color:#0f1722;border-color:#223047}[data-theme=dark] .info-section h4{color:#cbd5e1}[data-theme=dark] .info-section li{color:#94a3b8}[data-theme=dark] .feature-card{background:#0f1722;border-color:#223047}[data-theme=dark] .feature-card h3{color:#e5e7eb}[data-theme=dark] .feature-card p{color:#9ca3af}[data-theme=dark] .feature-link{color:#60a5fa}[data-theme=dark] .feature-link:hover{color:#93c5fd}[data-theme=dark] .home-hero h1{color:#f3f4f6}[data-theme=dark] .home-subtitle{color:#9ca3af}[data-theme=dark] .pipelines-hero h1{color:#f3f4f6}[data-theme=dark] .pipelines-subtitle{color:#9ca3af}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] .repository-form-container h2,[data-theme=dark] .lt-title{color:#f3f4f6}[data-theme=dark] .lt-subtitle{color:#9ca3af}[data-theme=dark] .alert-success{color:#86efac;background:#09311b;border-color:#14532d}[data-theme=dark] .alert-error{color:#fecaca;background:#3b0d0d;border-color:#7f1d1d}[data-theme=dark] .audit-header h2{color:#f3f4f6}[data-theme=dark] .audit-table-container{background:#0f1722;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .audit-table th{color:#e5e7eb;background:#1a2332;border-color:#223047}[data-theme=dark] .audit-table td{color:#d1d5db;border-color:#223047}[data-theme=dark] .audit-table tr:hover{background:#1a2332}[data-theme=dark] .timestamp{color:#9ca3af}[data-theme=dark] .user-name{color:#e5e7eb}[data-theme=dark] .user-id{color:#9ca3af}[data-theme=dark] .action{color:#60a5fa}[data-theme=dark] .repo-name{color:#e5e7eb}[data-theme=dark] .project-id{color:#9ca3af}[data-theme=dark] .no-logs{color:#9ca3af;background:#0f1722;border-color:#223047}[data-theme=dark] .pagination{background:#0f1722;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .page-info,[data-theme=dark] .loading{color:#9ca3af}[data-theme=dark] .btn-primary{background:#2563eb!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#1d4ed8!important}[data-theme=dark] .refresh-button{background:#059669}[data-theme=dark] .refresh-button:hover:not(:disabled){background:#047857}[data-theme=dark] .pagination-button{background:#2563eb}[data-theme=dark] .pagination-button:hover:not(:disabled){background:#1d4ed8}[data-theme=dark] .validation-message.checking{color:#9ca3af}[data-theme=dark] .validation-message.success{color:#34d399}[data-theme=dark] .validation-message.error{color:#f87171}[data-theme=dark] .pipeline-creation-page h1{color:#f3f4f6}[data-theme=dark] .pipeline-creation-page .page-description{color:#9ca3af}[data-theme=dark] .pipeline-update-page h1{color:#f3f4f6}[data-theme=dark] .page-description{color:#9ca3af}[data-theme=dark] .pipeline-update-form{background:#0f1722;border-color:#223047;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .pipeline-update-form h2{color:#f3f4f6}[data-theme=dark] .pipeline-update-form h3,[data-theme=dark] .pipeline-creation-form .form-group label,[data-theme=dark] .pipeline-update-form .form-group label{color:#e5e7eb}[data-theme=dark] .form-input{color:#e5e7eb;background:#0b1220;border-color:#334155}[data-theme=dark] .form-input::placeholder{color:#6b7280}[data-theme=dark] .form-input:disabled{color:#6b7280;background:#1a2332}[data-theme=dark] .form-textarea{color:#e5e7eb;background:#0b1220;border-color:#334155}[data-theme=dark] .form-textarea::placeholder{color:#6b7280}[data-theme=dark] .form-help,[data-theme=dark] .form-text{color:#9ca3af}[data-theme=dark] .validation-message.info{color:#9ca3af;background:#1a2332;border-color:#334155}[data-theme=dark] .current-values{background:#1a2332;border-color:#223047}[data-theme=dark] .info-row{border-color:#223047}[data-theme=dark] .info-row .label{color:#9ca3af}[data-theme=dark] .info-row .value{color:#e5e7eb}[data-theme=dark] .pipeline-dropdown{background:#0f1722;border-color:#223047;box-shadow:0 4px 6px #0000004d}[data-theme=dark] .pipeline-option{border-color:#223047}[data-theme=dark] .pipeline-option:hover{background:#1a2332}[data-theme=dark] .pipeline-name{color:#e5e7eb}[data-theme=dark] .pipeline-folder-small,[data-theme=dark] .pipeline-option-info{color:#9ca3af}[data-theme=dark] .selected-pipeline{background:#1a2332;border-color:#223047}[data-theme=dark] .pipeline-folder{color:#9ca3af}[data-theme=dark] .repository-selector label{color:#e5e7eb}[data-theme=dark] .repository-dropdown{background:#0f1722;border-color:#223047;box-shadow:0 4px 6px #0000004d}[data-theme=dark] .repository-option{border-color:#223047}[data-theme=dark] .repository-option:hover{background:#1a2332}[data-theme=dark] .repository-name{color:#e5e7eb}[data-theme=dark] .repository-branch-small,[data-theme=dark] .repository-option-info{color:#9ca3af}[data-theme=dark] .repository-option-info.error{color:#f87171}[data-theme=dark] .selected-repository{background:#1a2332;border-color:#223047}[data-theme=dark] .repository-branch{color:#9ca3af}[data-theme=dark] .btn-clear{color:#e5e7eb;background:#374151}[data-theme=dark] .btn-clear:hover{background:#4b5563}[data-theme=dark] .template-option-card{background:#0b1220;border-color:#334155}[data-theme=dark] .template-option-card:hover{border-color:#2563eb;box-shadow:0 6px 18px #2563eb26}[data-theme=dark] .template-option-title{color:#e5e7eb}[data-theme=dark] .template-option-description{color:#9ca3af}[data-theme=dark] .alert-info{color:#7dd3fc;background:#0c2a3d;border-color:#1e4a63}[data-theme=dark] .success-details{border-color:#14532d}[data-theme=dark] .success-details strong,[data-theme=dark] .success-details div{color:#86efac}[data-theme=dark] .pipeline-details{color:#86efac;border-color:#14532d}[data-theme=dark] .theme-select{color:#e5e7eb;background:#1f2937;border-color:#374151}.main-navigation{z-index:100;background:#0078d4;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{padding:1rem 0}.brand-link{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .2s}.brand-link:hover{opacity:.9}.nav-menu{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#fff;border-radius:4px;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#fff3;font-weight:600}@media (width<=768px){.nav-container{flex-direction:column;padding:1rem}.nav-menu{flex-direction:column;gap:0;width:100%}.nav-link{text-align:center;border-radius:0}}.theme-toggle-container{align-items:center;display:flex}.theme-toggle-button{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:20px;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle-button:hover{background:#e0e0e0;border-color:#b0b0b0;transform:translateY(-1px)}.theme-toggle-button:active{transform:translateY(0)}.theme-icon{align-items:center;font-size:1.1rem;line-height:1;display:flex}.theme-label{text-align:left;min-width:40px;font-size:.85rem}[data-theme=dark] .theme-toggle-button{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] .theme-toggle-button:hover{background:#374151;border-color:#4b5563}.app-layout{background:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.layout-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d}.header-content{justify-content:flex-end;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.user-info{color:#333;align-items:center;gap:1rem;font-size:.95rem;display:flex}.logout-button{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s,border-color .2s}.logout-button:hover{background:#e0e0e0;border-color:#b0b0b0}.layout-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.layout-footer{text-align:center;color:#666;background:#fff;border-top:1px solid #e0e0e0;padding:1.5rem 2rem;font-size:.9rem}.layout-footer p{margin:0}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:3rem;box-shadow:0 8px 24px #0003}.login-card h1{color:#333;margin-bottom:1rem;font-size:1.75rem}.login-card p{color:#666;margin-bottom:2rem;font-size:1rem}.login-button{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:6px;width:100%;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.login-button:hover{background:#005a9e;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}@media (width<=768px){.layout-main,.header-content{padding:1rem}}.header-tools{margin-right:auto}.theme-toggle-container{margin-right:1rem}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}