: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)}*{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}