.button1{background:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.button1:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.button1:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button1:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.button2{border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .15s}.button2:active{background:var(--neutral-100,#f3f4f6)}.button2:disabled{opacity:.5;cursor:not-allowed}.button2:hover{border-color:var(--danger-red);color:var(--danger-red);background:var(--danger-red-light)}.button3{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.button3:hover{box-shadow:var(--shadow-md);background:#2563eb;transform:translateY(-1px)}.button3:active{background:#1d4ed8;transform:translateY(0)}.button3:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.button4{background-color:var(--accent-teal);color:var(--text-inverse);border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-sm);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;overflow:hidden}.button4:hover{box-shadow:var(--shadow-md),0 0 0 3px #0d94881a;background-color:#0d9488;transform:translateY(-1px)}.button4:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button4:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.button5{background-color:var(--primary-blue);color:var(--text-inverse);border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-sm);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;overflow:hidden}.button5:hover{background-color:var(--primary-blue-hover);box-shadow:var(--shadow-md),0 0 0 3px #0f4c751a;transform:translateY(-1px)}.button5:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button5:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.backButton{border:1px solid var(--border-default,#d1d5db);border-radius:var(--border-radius-md,.375rem);color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.backButton:hover{border-color:var(--primary-blue,#3b82f6);color:var(--primary-blue,#3b82f6);background:var(--primary-blue-ultralight,#f4f8fb)}.button6{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.button6:hover{background:#059669}.button6:active{background:#1d4ed8;transform:translateY(0)}.button6:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.button7{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button7:hover{background:var(--primary-blue);color:#fff;transform:translateY(-1px)}.button8{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.button8:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.button8:disabled{cursor:not-allowed;opacity:.6;background:#94a3b8}.button9{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.button9:hover{color:#374151;background:#e5e7eb}.button10{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;min-width:24px;height:24px;padding:.25rem;font-size:.875rem;transition:all .2s;display:flex}.button10:hover{opacity:1;background:#f1f5f9;transform:scale(1.1)}.button11{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.button11:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.button11:disabled{cursor:not-allowed;opacity:.6;background:#94a3b8}.button12{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.button12:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.button12:disabled{cursor:not-allowed;opacity:.6;background:#94a3b8}.button13{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.button13:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26264d}.button13:disabled{cursor:not-allowed;opacity:.6;background:#94a3b8}.button14{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.button14:hover{color:var(--text-secondary);background:var(--bg-secondary)}.button15{color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;transition:all .15s;display:flex}.button15:hover{background:var(--neutral-100);color:var(--text-primary)}.button16{padding:var(--spacing-2);cursor:pointer;border-radius:var(--border-radius-sm);color:var(--danger-red);background:0 0;border:none;font-size:.875rem;transition:all .2s}.button16:hover:not(:disabled){background-color:var(--danger-red-light)}.button16:disabled{opacity:.6;cursor:not-allowed}.button17{background:var(--primary-blue);border:2px solid var(--primary-blue);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.button17:hover:not(:disabled){background:var(--primary-blue-hover);border-color:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f4c7540}.button17:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.button18{padding:var(--spacing-2)var(--spacing-4);background:var(--neutral-600);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;height:3.2em;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.button18:hover:not(:disabled){background:var(--neutral-700);color:#fff;transform:translateY(-1px)}.button18:active{transform:translateY(0)}.button18:disabled{opacity:.6;cursor:not-allowed;transform:none}.button19{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.button19:hover{background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f4c7540}.button20{cursor:pointer;white-space:nowrap;background:var(--success-green);border:1px solid;border-color:var(--success-green);color:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.button20:hover:not(:disabled){background:var(--success-green-dark);border-color:var(--success-green-dark);transform:translateY(-1px);box-shadow:0 2px 8px #10b98140}.button21{cursor:pointer;white-space:nowrap;background:var(--bg-primary);border:1px solid;border-color:var(--border-default);color:var(--text-secondary);border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.button21:hover:not(:disabled){background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0f4c7540}.button21:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.button22{cursor:pointer;white-space:nowrap;background:var(--bg-primary);border:1px solid;border-color:var(--border-default);color:var(--text-secondary);border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.button22:hover:not(:disabled){background:var(--danger-red);border-color:var(--danger-red);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ef444440}.button22:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.button1,.button2,.button3,.button4,.button5,.button6,.button8,.button9 .button10{justify-content:center;width:100%}.button7{padding:.375rem}.button17,.button18{width:100%}}
.form{flex-direction:column;gap:1.5rem;padding:0;display:flex}.formGroup{margin-bottom:1.5rem}.formRow{grid-template-columns:minmax(200px,1fr) minmax(140px,180px) minmax(200px,1fr) minmax(140px,180px) auto;align-items:start;gap:1rem;display:grid}.label{color:var(--text-primary,#374151);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.formLabel{color:var(--neutral-700,#374151);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.required{color:var(--danger-red,#dc2626)}.input,.formInput,.nameInput,.valueInput{border:2px solid var(--border-default,#d1d5db);border-radius:var(--border-radius-md,.375rem);width:100%;color:var(--text-secondary,#374151);box-sizing:border-box;background-color:#fff;padding:.75rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:all .15s}.input:focus,.formInput:focus,.nameInput:focus,.valueInput:focus{border-color:var(--primary-blue,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input:disabled,.formInput:disabled,.nameInput:disabled,.valueInput:disabled{background-color:var(--neutral-100,#f9fafb);color:var(--neutral-500,#6b7280);cursor:not-allowed}.textarea,.formTextarea{border:2px solid var(--border-default,#d1d5db);border-radius:var(--border-radius-md,.375rem);width:100%;color:var(--text-secondary,#374151);resize:vertical;box-sizing:border-box;background-color:#fff;min-height:80px;padding:.75rem;font-family:inherit;font-size:.875rem;line-height:1.6;transition:all .15s}.textarea:focus,.formTextarea:focus{border-color:var(--primary-blue,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.textarea:disabled,.formTextarea:disabled{background-color:var(--neutral-100,#f9fafb);color:var(--neutral-500,#6b7280);cursor:not-allowed}.select,.formSelect,.actionSelect,.validationSelect{border:2px solid var(--border-default,#d1d5db);border-radius:var(--border-radius-md,.375rem);width:100%;color:var(--text-secondary,#374151);cursor:pointer;box-sizing:border-box;background-color:#fff;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .15s}.select:focus,.formSelect:focus,.actionSelect:focus,.validationSelect:focus{border-color:var(--primary-blue,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.select:disabled,.formSelect:disabled,.actionSelect:disabled,.validationSelect:disabled{background-color:var(--neutral-100,#f9fafb);color:var(--neutral-500,#6b7280);cursor:not-allowed}.validationSelect{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:8px;padding-right:2.5rem}.error{color:var(--danger-red,#dc2626);background-color:var(--danger-red-ultralight,#fef2f2);border:1px solid var(--danger-red-light,#fecaca);border-radius:var(--border-radius-sm,.375rem);margin-top:.5rem;padding:.5rem;font-size:.875rem}.fieldHint{color:var(--text-tertiary,#6b7280);margin:.5rem 0 0;font-size:.75rem;line-height:1.4}.actions,.formActions{border-top:1px solid var(--border-default,#e5e7eb);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.formHeader{border-bottom:1px solid var(--border-default,#e5e7eb);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.formHeader h3{margin:0;font-size:1.5rem;font-weight:600}.inlineForm{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin:1rem 0;padding:1rem;transition:all .2s}.inlineForm:focus-within{border-color:var(--primary-blue,#3b82f6);background:#f1f5f9}.nameGroup,.actionGroup,.valueGroup,.validationGroup{flex-direction:column;display:flex}.valueGroup{gap:.5rem}@media (max-width:768px){.actions,.formActions{flex-direction:column}.formRow{grid-template-columns:1fr;gap:.75rem}.formHeader{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:1024px) and (min-width:769px){.formRow{grid-template-columns:1fr 150px 1fr 150px auto;gap:.875rem}}.loadingState{text-align:center;color:var(--neutral-500,#6b7280);padding:1rem;font-size:.875rem}.loadingState h3{color:#374151;margin:0 0 .5rem}.loadingState p{color:#64748b;margin:0}.creationModeInfo{background:var(--neutral-50,#f9fafb);border:1px solid var(--border-default,#d1d5db);border-radius:var(--border-radius-md,.375rem);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.infoIcon{flex-shrink:0;font-size:1.5rem}.infoContent h4{color:var(--text-primary,#111827);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.infoContent p{color:var(--text-secondary,#6b7280);margin:0;font-size:.75rem;line-height:1.4}
.container{background:0 0;min-height:100vh}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:1rem 2rem;position:sticky;top:0}.headerContent{justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.headerLeft{align-items:center;gap:2rem;display:flex}.headerRight{align-items:center;gap:1.5rem;display:flex}.userSection{background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-light);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.userName{color:var(--text-primary);font-size:.875rem;font-weight:500}.logo{color:var(--primary-blue);letter-spacing:-.02em;cursor:default;-webkit-user-select:none;user-select:none;font-size:1.75rem;font-weight:700;position:relative}.logo:after{content:"";background:linear-gradient(90deg,var(--primary-blue)0%,var(--accent-teal)100%);opacity:0;border-radius:1px;width:100%;height:2px;transition:opacity .15s;position:absolute;bottom:-2px;left:0}.logo:hover:after{opacity:1}.breadcrumb{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumbLink{color:var(--text-tertiary);border-radius:var(--border-radius-sm);padding:.25rem .5rem;text-decoration:none;transition:color .15s}.breadcrumbLink:hover{color:var(--text-link);background:var(--primary-blue-ultralight)}.breadcrumbSeparator{color:var(--text-muted)}.breadcrumbCurrent{color:var(--text-primary);font-weight:500}.backLink{color:var(--text-tertiary);border-radius:var(--border-radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.backLink:hover{color:var(--text-link);background:var(--primary-blue-ultralight)}.main{flex:1;width:100%;margin:0 auto;padding:.5rem 2rem}.pageHeader{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding:1.5rem 1.5rem 0}.pageHeaderContent{justify-content:space-between;align-items:center;display:flex}.pageTitle{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.875rem;font-weight:600}.pageDescription{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400}@media (max-width:768px){.headerContent{flex-direction:column;gap:1rem;padding:1rem}.main{padding:1rem}.pageHeaderContent{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:480px){.headerContent{text-align:center}.headerLeft{flex-direction:column;gap:1rem}}
.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .15s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md),0 0 0 1px #ffffff1a;border-color:var(--border-medium);transform:translateY(-2px)}.statCard{background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0d;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;transition:all .15s;position:relative;overflow:hidden}.statCard:before{content:"";background:linear-gradient(90deg,var(--primary-blue)0%,var(--accent-teal)100%);height:3px;position:absolute;top:0;left:0;right:0}.statCard:hover{box-shadow:var(--shadow-md),0 0 0 1px #ffffff1a;border-color:var(--border-medium);transform:translateY(-1px)}.statCard:hover:before{box-shadow:0 4px 12px #0f4c7526}.contentCard{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm),0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:fit-content;transition:all .15s;animation:.4s ease-out slideInUp;display:flex;overflow:hidden}.contentCard:hover{box-shadow:var(--shadow-md),0 0 0 1px #ffffff1a;border-color:var(--border-medium);transform:translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filtersSection{align-items:center;gap:1.5rem;width:100%;margin:0 auto 2.5rem;padding:0 2rem;display:flex}.searchInput{flex:1;position:relative}.searchField{border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:.875rem 1rem;font-family:inherit;font-size:.925rem;transition:all .15s}.searchField:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0f4c751a}.searchField::placeholder{color:var(--text-muted)}.filterSelect{border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:150px;padding:.875rem 1rem;font-family:inherit;font-size:.925rem;transition:all .15s}.filterSelect:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0f4c751a}.filterGroup{flex-direction:column;gap:.5rem;display:flex}.filterLabel{color:var(--text-secondary);font-size:.875rem;font-weight:500}.statusBadge{border-radius:var(--border-radius-md);letter-spacing:.025em;text-transform:capitalize;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.statusBadgeSpinner{justify-content:center;align-items:center;width:.875rem;height:.875rem;display:inline-flex}.statusBadgeSpinnerCircle{border:2px solid;border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite statusBadgeSpin;display:block}@keyframes statusBadgeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.statusBadge.active{background:var(--success-green-light);color:var(--success-green)}.statusBadge.inactive,.statusBadge.not_started{background:var(--neutral-200);color:var(--neutral-600)}.statusBadge.draft{background:var(--warning-amber-light);color:var(--warning-amber)}.statusBadge.archived{background:var(--neutral-200);color:var(--neutral-500)}.statusBadge.pending{background:var(--warning-amber-light);color:var(--warning-amber)}.statusBadge.running{background:var(--info-blue-light);color:var(--info-blue)}.statusBadge.completed{background:var(--success-green-light);color:var(--success-green)}.statusBadge.failed{background:var(--danger-red-light);color:var(--danger-red)}.statusBadge.passed{background:var(--success-green-light);color:var(--success-green)}.statusBadge.error{background:var(--danger-red-light);color:var(--danger-red)}.statusBadge.skipped{background:var(--warning-amber-light);color:var(--warning-amber)}.statusBadge.unknown,.statusBadge.cancelled,.statusBadge.stopped{background:var(--neutral-200);color:var(--neutral-600)}.statusBadge.in_progress{background:var(--info-blue-light);color:var(--info-blue)}.tag{background-color:var(--primary-blue-ultralight);color:var(--primary-blue);border-radius:var(--border-radius-md);border:1px solid var(--primary-blue-light);letter-spacing:.01em;align-items:center;gap:.25rem;padding:.375rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.tag.secondary{background:var(--neutral-100);color:var(--neutral-600);border-color:var(--neutral-200)}.tag.success{background:var(--success-green-ultralight);color:var(--success-green);border-color:var(--success-green-light)}.tag.warning{background:var(--warning-amber-ultralight);color:var(--warning-amber);border-color:var(--warning-amber-light)}.tag.danger{background:var(--danger-red-ultralight);color:var(--danger-red);border-color:var(--danger-red-light)}.tagsContainer{flex-wrap:wrap;gap:.5rem;display:flex}.stepNumber{background-color:var(--primary-blue);width:1.75rem;height:1.75rem;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.stepNumber.completed{background-color:var(--success-green)}.stepNumber.active{background-color:var(--accent-teal);box-shadow:0 0 0 3px #0d948833}.stepNumber.pending{background-color:var(--neutral-400)}.stepNumber.failed{background-color:var(--danger-red)}.stepNumber.large{width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700}.stepNumber.small{width:1.25rem;height:1.25rem;font-size:.625rem}@media (max-width:768px){.filtersSection{flex-direction:column;align-items:stretch;gap:1rem}.searchInput{order:-1}.filterSelect{min-width:auto}.statCard{padding:1.5rem}.tagsContainer{gap:.375rem}.tag{padding:.25rem .625rem;font-size:.6875rem}}@media (max-width:480px){.filtersSection{margin-bottom:2rem;padding:0 1rem}.statCard{padding:1rem}.statusBadge{padding:.25rem .625rem;font-size:.6875rem}}.cardWithAccent:before{content:"";background:linear-gradient(90deg,var(--primary-blue)0%,var(--accent-teal)100%);height:3px;position:absolute;top:0;left:0;right:0}.card.active:before{background:var(--success-green)}.card.inactive:before{background:var(--neutral-400)}.card.warning:before{background:var(--warning-amber)}.card.error:before{background:var(--danger-red)}.card.loading{opacity:.6;pointer-events:none}.card.loading:after{content:"";border:2px solid var(--border-light);border-top:2px solid var(--primary-blue);border-radius:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emptyState{text-align:center;background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 2rem}.emptyStateIcon{color:var(--primary-blue);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.emptyState h3{color:var(--neutral-700);margin-bottom:.5rem}.emptyState p{color:var(--neutral-500);margin-bottom:0}.emptyStateAction{margin-top:1.5rem}.spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;margin:0 auto 1rem;animation:1s linear infinite spin}.cardHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.cardTitle{flex:1;min-width:0}.cardMeta{margin-bottom:1.5rem}.metaItem{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.metaItem svg{color:var(--text-tertiary);flex-shrink:0}.cardActions{flex-wrap:wrap;gap:.75rem;display:flex}.productActions{grid-template-columns:1fr auto;gap:.75rem;padding-top:.5rem;display:grid}.loadingState{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.errorState{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.errorIcon{color:var(--danger-red);margin-bottom:1rem;font-size:2.5rem}.searchContainer{align-items:center;gap:1rem;width:100%;display:flex}.searchInputWrapper{flex:1;max-width:400px;position:relative}.searchIcon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.searchInput{border:2px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .2s}.searchInput:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f4c751a}.searchInput::placeholder{color:var(--text-tertiary)}@media (max-width:768px){.cardHeader{flex-direction:column;align-items:flex-start;gap:.75rem}.cardActions{gap:.5rem}.cardActions>*{flex:1;justify-content:center;min-width:0}.productActions{grid-template-columns:1fr}.searchContainer{flex-direction:column;align-items:stretch;gap:.75rem}.searchInputWrapper{max-width:none}}@media (max-width:480px){.cardActions{flex-direction:column}.cardActions>*{width:100%}}
*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;letter-spacing:-.01em;background:linear-gradient(135deg,#f4f6f8 0%,#e8f2f8 100%);width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 20%,#0f4c7508 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0d948808 0%,#0000 50%),radial-gradient(circle at 40% 60%,#0f4c7505 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}:root{--primary-blue:#0f4c75;--primary-blue-hover:#0d3e5f;--primary-blue-light:#e8f2f8;--primary-blue-ultralight:#f4f8fb;--secondary-navy:#1a202c;--secondary-slate:#2d3748;--secondary-gray:#4a5568;--accent-teal:#0d9488;--accent-teal-hover:#0f766e;--accent-teal-light:#ccfbf1;--success-green:#047857;--success-green-dark:#065f46;--success-green-light:#d1fae5;--success-green-ultralight:#ecfdf5;--warning-amber:#d97706;--warning-amber-light:#fef3c7;--warning-amber-ultralight:#fffbeb;--danger-red:#b91c1c;--danger-red-light:#fecaca;--danger-red-ultralight:#fef2f2;--info-blue:#1d4ed8;--info-blue-light:#dbeafe;--info-blue-ultralight:#eff6ff;--neutral-white:#fff;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--bg-primary:#fff;--bg-secondary:#f4f6f8;--bg-tertiary:#f9fafb;--bg-surface:#fff;--bg-overlay:#1f2937bf;--bg-subtle:#fafbfc;--border-light:#f3f4f6;--border-default:#e5e7eb;--border-medium:#d1d5db;--border-strong:#9ca3af;--border-focus:#0f4c75;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--text-link:#0f4c75;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--border-radius-xs:.25rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--spacing-px:1px;--spacing-0-5:.125rem;--spacing-1:.25rem;--spacing-1-5:.375rem;--spacing-2:.5rem;--spacing-2-5:.625rem;--spacing-3:.75rem;--spacing-3-5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem}:focus{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 3px #0f4c751a}[data-react-spectrum]:focus,[data-react-spectrum] :focus,[class*=spectrum-]:focus,[class*=spectrum-] :focus{outline:revert!important;box-shadow:revert!important}button:focus,.button:focus,[role=button]:focus{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 3px #0f4c751a}[data-react-spectrum] button:focus,[data-react-spectrum] [role=button]:focus,[class*=spectrum-] button:focus,[class*=spectrum-] [role=button]:focus{outline:revert!important;box-shadow:revert!important}*{transition:all .15s cubic-bezier(.4,0,.2,1)}[data-react-spectrum],[data-react-spectrum] *,[class*=spectrum-],[class*=spectrum-] *{transition:revert!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:600}a{color:var(--text-link);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-blue-hover)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-default);border-radius:var(--border-radius-md);background-color:var(--bg-primary);padding:.625rem .875rem;transition:all .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0f4c751a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
[data-react-spectrum]{isolation:isolate}[data-react-spectrum] *{transition:none!important}[data-react-spectrum] [class*=spectrum-]:hover,[data-react-spectrum] [class*=spectrum-]:focus,[data-react-spectrum] [class*=spectrum-]:active{transition:all .13s!important}[data-react-spectrum] [class*=Tabs-item]{font-family:inherit!important;font-size:14px!important}[data-react-spectrum] [class*=Tabs-item] *{color:inherit!important}