:root{--color-bg:#fff;--color-fg:#333;--color-black:#000;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary-50:#fffbeb;--color-primary-100:#fff3c6;--color-primary-200:#ffe588;--color-primary-300:#ffd74a;--color-primary-400:#ffd100;--color-primary-500:#ffd100;--color-primary-600:#e6bd00;--color-primary-700:#cca900;--color-primary-800:#b39500;--color-primary-900:#997800;--color-success:#28a745;--color-success-500:#10b981;--color-warning:#ffc107;--color-warning-500:#f59e0b;--color-danger:#dc3545;--color-danger-500:#ef4444;--color-success-bg:#d4edda;--color-success-text:#155724;--color-warning-bg:#fff3cd;--color-warning-text:#856404;--color-danger-bg:#f8d7da;--color-danger-text:#721c24;--color-pending-bg:#cce7ff;--color-pending-text:#004085;--color-border:#ddd;--color-border-strong:#bbb;--color-muted-bg:#f8f8f8;--color-muted-bg-2:#f0f0f0;--color-text-muted:#666;--color-text-dim:#999;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:30px;--space-6:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--focus-ring-color:var(--color-primary-500);--focus-ring-width:2px;--focus-ring-offset:2px;--sidebar-width:250px;--header-padding-x:20px;--header-height:56px;--content-padding:var(--space-5);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--bp-sidebar-collapse:1024px}.sidebar{width:var(--sidebar-width,250px);z-index:100;height:100vh;transition:transform .2s;position:fixed;top:0;left:0;overflow-y:auto}body.sidebar-collapsed .sidebar{transform:translate(-100%)}@media (width<=1024px){.sidebar{transform:translate(-100%)}body.sidebar-collapsed .sidebar{transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-fg);background-color:var(--color-bg);min-height:100vh;font-family:Arial,sans-serif;line-height:1.6;display:flex}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}button[disabled],.btn[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sidebar{background-color:var(--color-black);color:var(--color-white)}.sidebar-header{border-bottom:3px solid var(--color-primary-500);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.sidebar-header h1{margin:0;font-size:1.3rem}.sidebar-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.sidebar-brand__product{color:var(--color-gray-300);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.sidebar-nav{padding:20px 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:0}.sidebar-nav a{color:var(--color-white);border-left:3px solid #0000;padding:15px 20px;text-decoration:none;transition:all .3s;display:block}.sidebar-nav a:hover{background-color:var(--color-gray-800);border-left-color:var(--color-primary-500)}.sidebar-nav a.active{background-color:var(--color-gray-800);border-left-color:var(--color-primary-500);border-left-width:4px}.accordion-header{color:var(--color-white);background-color:var(--color-gray-800);cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.accordion-header:hover{background-color:var(--color-gray-700);border-left-color:var(--color-primary-500)}.accordion-header.active{background-color:var(--color-gray-700);border-left-color:var(--color-primary-500);border-left-width:4px}.accordion-icon{font-size:.8rem;transition:transform .3s}.accordion-header.active .accordion-icon{transform:rotate(90deg)}.accordion-content{background-color:var(--color-gray-900);max-height:0;transition:max-height .3s;overflow:hidden}.accordion-content.active{max-height:600px;overflow-y:auto}.accordion-content ul{margin:0;padding:0;list-style:none}.accordion-content a{background-color:var(--color-gray-900);padding:12px 40px;font-size:.9rem}.accordion-content a:hover{background-color:var(--color-gray-800)}.nested-accordion .accordion-header{background-color:var(--color-gray-900);padding:12px 20px 12px 40px;font-size:.9rem}.nested-accordion .accordion-header:hover,.nested-accordion .accordion-header.active{background-color:var(--color-gray-800)}.nested-accordion .accordion-content{background-color:var(--color-gray-950,#0a0a0a)}.nested-accordion .accordion-content a{background-color:var(--color-gray-950,#0a0a0a);padding:10px 20px 10px 60px;font-size:.85rem}.nested-accordion .accordion-content a:hover{background-color:var(--color-gray-900)}.top-header{background-color:var(--color-muted-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.main-content{flex:1;width:100%;max-width:none;margin:0;padding:30px}header{background-color:var(--color-black);color:var(--color-white);padding:1rem 0;box-shadow:0 2px 5px #0000001a}header .container{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:15px;display:flex}.logo{width:auto;height:48px}header h1{margin:0;font-size:1.8rem;font-weight:700}.language-switcher{gap:10px;display:flex}.header-meta{align-items:center;gap:var(--space-3);display:flex}.header-branding{flex-direction:column;gap:4px;display:flex}.header-product-name{color:var(--color-black);font-weight:600}.header-tagline{color:var(--color-text-muted);font-size:.85rem}.header-badge{background-color:var(--color-primary-500);color:var(--color-black);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.header-quick-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.quick-action{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-black);min-width:140px;box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:10px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.quick-action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action__label{font-weight:600}.quick-action__description{color:var(--color-text-muted);font-size:.8rem}.quick-action--primary{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-black)}.quick-action--primary .quick-action__description{color:#000000a6}.lang-btn{background:var(--color-white);border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);padding:8px 16px;transition:all .3s}.lang-btn:hover{background-color:var(--color-muted-bg-2);border-color:var(--color-border-strong);color:var(--color-fg)}.lang-btn.active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}main{min-height:calc(100vh - 200px);padding:40px 0}.btn{background-color:var(--color-primary-500);color:var(--color-black);border-radius:var(--radius-sm);border:2px solid var(--color-primary-500);padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600);transform:translateY(-2px)}.page-header{border-bottom:2px solid var(--color-border);margin-bottom:30px;padding-bottom:20px}.page-header h1{color:var(--color-black);margin-bottom:10px;font-size:2.2rem}.page-header p{color:var(--color-text-muted);font-size:1.1rem}.content-section{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:30px 0;padding:30px}.content-section h2{color:var(--color-black);border-bottom:2px solid var(--color-black);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.content-section h3{color:var(--color-fg);margin:20px 0 15px;font-size:1.2rem}.content-section ul{margin-bottom:15px;margin-left:20px}.content-section li{color:var(--color-text-muted);margin-bottom:8px}.status-indicator{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.status-online{background-color:var(--color-success)}.status-warning{background-color:var(--color-warning)}.status-error{background-color:var(--color-danger)}.back-link{color:var(--color-black);border:2px solid var(--color-black);border-radius:5px;margin-top:30px;padding:10px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{background-color:var(--color-black);color:var(--color-white)}.status-info{margin:15px 0;font-size:.9rem}.status-info p{align-items:center;margin:5px 0;display:flex}.execute-btn{cursor:not-allowed;opacity:.8;width:100%;margin-top:15px}.execute-btn:not([disabled]){cursor:pointer;opacity:1}.execute-btn:hover{background-color:var(--color-black);transform:none}.execute-btn:not([disabled]):hover{background-color:var(--color-gray-700);transform:translateY(-2px)}.btn-grey{background-color:var(--color-gray-600);color:var(--color-white)}.btn-grey:hover{background-color:var(--color-gray-700);transform:none}.step-number{background-color:var(--color-black);width:30px;height:30px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.flow-step-1,.flow-step-2{border-left:4px solid var(--color-success);position:relative}.flow-step-3{border-left:4px solid var(--color-danger);position:relative}.flow-step-4{border-left:4px solid var(--color-black);position:relative}.flow-step-1 .step-number,.flow-step-2 .step-number{background-color:var(--color-success)}.flow-step-3 .step-number{background-color:var(--color-danger)}.flow-step-4 .step-number{background-color:var(--color-black)}.process{flex-direction:column;gap:30px;margin:0;padding:0;list-style:none;display:flex}.step-content{position:relative}.step-content h3{color:var(--color-fg);margin-bottom:10px;font-size:1.3rem}.step-content p{color:var(--color-text-muted);margin-bottom:15px}.modal{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-md);width:80%;max-width:500px;margin:15% auto;padding:30px;position:relative}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.modal-title{color:var(--color-black);margin:0;font-size:1.5rem;font-weight:700}.close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:flex}.close-btn:hover{color:var(--color-black)}.modal-body,.file-upload-section{margin-bottom:20px}.file-upload-section label{color:var(--color-fg);margin-bottom:10px;font-weight:500;display:block}.file-input{border:2px solid var(--color-border);background-color:var(--color-muted-bg);border-radius:4px;width:100%;padding:10px;font-size:16px}.file-input:focus{border-color:var(--color-black);outline:none}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .3s}.modal-btn-cancel{background-color:var(--color-muted-bg);color:var(--color-fg);border:2px solid var(--color-border)}.modal-btn-cancel:hover{background-color:var(--color-gray-200)}.modal-btn-execute{background-color:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.modal-btn-execute:hover{background-color:var(--color-gray-700)}footer{background-color:var(--color-black);color:var(--color-white);text-align:center;margin-top:50px;padding:20px 0}.process-overview{background-color:var(--color-muted-bg);border-radius:8px;margin-bottom:30px;padding:20px}.task-list .task-section,.mock-task-list .task-section{border:1px solid var(--color-border);background-color:var(--color-white);border-radius:8px;margin-bottom:40px;padding:20px}.task-header{border-bottom:2px solid var(--color-black);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.task-header h2{color:var(--color-black);flex:1;margin:0;font-size:1.3rem}.task-actions{align-items:center;gap:10px;display:flex}.task-actions .btn{white-space:nowrap;padding:8px 16px;font-size:.9rem}.task-section h2{color:var(--color-black);border-bottom:2px solid var(--color-black);margin-bottom:20px;padding-bottom:10px;font-size:1.3rem}.chunk-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.chunk{border:1px solid var(--color-gray-200);background-color:var(--color-gray-100);border-radius:4px;padding:15px;transition:all .3s}.chunk:hover{box-shadow:0 2px 8px #0000001a}.chunk h3{color:var(--color-fg);margin-bottom:8px;font-size:1.1rem}.chunk p{color:var(--color-text-muted);margin-bottom:10px;font-size:.9rem}.chunk-status{align-items:center;font-size:.85rem;font-weight:500;display:flex}.process-actions{text-align:center;justify-content:center;gap:15px;margin:40px 0 30px;display:flex}.process-card-actions{gap:10px;margin-top:20px;display:flex}.process-card-actions .btn{text-align:center;flex:1}.execute-process{background-color:var(--color-success);cursor:pointer;border:none;padding:15px 30px;font-size:1.1rem;transition:all .3s}.execute-process:hover{background-color:var(--color-success-500);transform:translateY(-2px)}.btn--primary{background-color:var(--color-primary-500);color:var(--color-black);border:2px solid var(--color-primary-500)}.artifact-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.artifact-card h3{color:var(--color-black);border-bottom:1px solid var(--color-gray-200);margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}.artifact-card ul{margin:0;padding:0;list-style:none}.job-details-table{border-collapse:collapse;background-color:var(--color-white);width:100%;box-shadow:var(--shadow-sm)}.job-details-table th,.job-details-table td{text-align:left;border:1px solid var(--color-border);padding:12px 16px}.job-details-table th{background-color:var(--color-black);color:var(--color-white);font-size:.9rem;font-weight:600}.job-details-table tbody tr:nth-child(2n){background-color:var(--color-muted-bg)}.btn--primary:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn--secondary{background-color:var(--color-gray-600);color:var(--color-white);border:2px solid var(--color-gray-600)}.btn--secondary:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-700)}.btn--outline{color:var(--color-black);border:2px solid var(--color-black);background-color:#0000}.btn--outline:hover{background-color:var(--color-black);color:var(--color-white)}.btn--warning{background-color:var(--color-warning);color:var(--color-black);border:2px solid var(--color-warning)}.btn--warning:hover{background-color:var(--color-warning);border-color:var(--color-warning)}.job-filter{background-color:var(--color-muted-bg);border-radius:8px;margin-bottom:30px;padding:20px}.job-filter label{margin-right:15px;font-weight:500}.job-filter select{border:1px solid var(--color-border);border-radius:4px;padding:8px 12px;font-size:1rem}.job-list .job-item{border:1px solid var(--color-border);background-color:var(--color-white);border-radius:8px;margin-bottom:20px;padding:20px;transition:all .3s}.job-item:hover{box-shadow:0 4px 12px #0000001a}.job-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.job-header h3{color:var(--color-black);margin:0;font-size:1.2rem}.job-details{margin-bottom:15px}.job-details p{color:var(--color-text-muted);margin:5px 0}.job-actions{flex-wrap:wrap;gap:10px;display:flex}.job-actions .btn{margin-right:0}.error-text{color:var(--color-danger);font-weight:500}.status{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.status.completed{background-color:var(--color-success-bg);color:var(--color-success-text)}.status.running{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.status.failed{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.status.pending{background-color:var(--color-pending-bg);color:var(--color-pending-text)}.status.waiting{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.execution-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;display:flex}.execution-id h3{color:var(--color-black);margin:0 0 5px;font-size:1.2rem}.execution-workflow{color:var(--color-text-muted);font-size:.9rem}.execution-progress{margin-bottom:15px}.progress-bar{background-color:var(--color-gray-200);border-radius:4px;width:100%;height:8px;margin-bottom:5px;overflow:hidden}.progress-bar.large{height:12px}.progress-bar.small{height:6px}.progress-bar.mini{height:4px}.progress-fill{background-color:var(--color-primary-500);height:100%;transition:width .3s}.progress-fill.completed{background-color:var(--color-success)}.progress-fill.failed{background-color:var(--color-danger)}.progress-fill.waiting{background-color:var(--color-warning)}.progress-text{color:var(--color-text-muted);font-size:.9rem}.execution-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px;display:grid}.detail-item{font-size:.9rem}.detail-item strong{color:var(--color-fg)}.execution-actions{flex-wrap:wrap;gap:10px;display:flex}.breadcrumb{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem}.breadcrumb a{color:var(--color-primary-500);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.execution-overview{margin-bottom:40px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0;display:grid}.overview-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;box-shadow:0 2px 4px #0000000d}.overview-card h3{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:15px;font-size:.9rem;font-weight:600}.status-display,.progress-display,.timing-display,.user-display{color:var(--color-fg)}.timing-display div,.user-display div{margin-bottom:5px;font-size:.9rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn-small{margin-right:5px;padding:4px 8px;font-size:.8rem}.execution-detail-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0 30px;display:flex}.workflow-actions{text-align:center;flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0 30px;display:flex}.btn-success{background-color:var(--color-success);color:var(--color-white);border:2px solid var(--color-success)}.btn-success:hover{background-color:var(--color-success);border-color:var(--color-success)}.tab-container{flex-direction:column;width:100%;height:100%;display:flex}.tab-header{border-bottom:2px solid var(--color-border);background-color:var(--color-muted-bg);min-height:48px;padding:0;display:flex;overflow-x:auto}.tab-item{background-color:var(--color-gray-100);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-bottom:none;align-items:center;min-width:120px;margin-right:2px;padding:12px 40px 12px 36px;transition:all .3s;display:flex;position:relative}.tab-item:before{content:"";background-color:var(--color-text-dim);height:4px;transition:background-color .3s;position:absolute;top:0;left:0;right:0}.tab-item.running:before{background-color:var(--color-primary-500)}.tab-item.completed:before{background-color:var(--color-success)}.tab-item.failed:before{background-color:var(--color-danger)}.tab-item.waiting:before{background-color:var(--color-warning)}.tab-item.default:before{background-color:var(--color-gray-600)}.tab-item:hover{background-color:var(--color-gray-200)}.tab-item.active{background-color:var(--color-white);border-bottom:2px solid var(--color-white);z-index:1;margin-bottom:-2px}.tab-title{color:var(--color-fg);margin-right:8px;font-size:.9rem;font-weight:500}.tab-close-btn{color:var(--color-text-muted);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tab-close-btn:hover{background-color:var(--color-gray-100);color:var(--color-fg)}.tab-item:not([data-tab-id^=execution-]){padding:12px 40px 12px 20px}@media (width<=768px){.tab-item{min-width:100px;padding:10px 15px}.tab-title{font-size:.8rem}.execution-status-card{grid-template-columns:1fr;gap:15px}.execution-actions{flex-direction:column;align-items:center}.mobile-menu-toggle{display:block}.logo{height:50px}.step-number{width:25px;height:25px;font-size:14px;top:8px;right:8px}.main-content{padding:20px}.modal-content{width:90%;margin:10% auto}}.workflow-title-container{align-items:center;gap:15px;margin-bottom:10px;display:flex}.editable-workflow-title{margin:0;position:relative}.edit-workflow-name-btn{border:2px solid var(--color-border);cursor:pointer;width:35px;height:35px;color:var(--color-text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.edit-workflow-name-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-primary-500);color:var(--color-primary-500);transform:scale(1.1)}.workflow-edit-modal{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.workflow-edit-modal-content{background-color:var(--color-white);border-radius:var(--radius-md);width:500px;max-width:90%;margin:15% auto;padding:30px;box-shadow:0 4px 20px #0000004d}.workflow-edit-modal h3{color:var(--color-fg);margin-bottom:20px;font-size:1.4rem}.workflow-edit-form{flex-direction:column;gap:20px;display:flex}.workflow-edit-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;font-family:inherit;font-size:16px;transition:border-color .3s}.workflow-edit-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #ffd10033}.workflow-edit-actions{justify-content:flex-end;gap:10px;display:flex}.workflow-edit-save{background-color:var(--color-primary-500);color:var(--color-black);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .3s}.workflow-edit-save:hover{background-color:var(--color-primary-600)}.workflow-edit-cancel{background-color:var(--color-gray-600);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;transition:background-color .3s}.workflow-edit-cancel:hover{background-color:var(--color-gray-700)}.edit-execution-name-btn{border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .3s;display:none;position:absolute;top:5px;right:5px}.tab-edit-btn{z-index:10;width:24px;height:24px;font-size:11px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.execution-card:hover .edit-execution-name-btn,.execution-row:hover .edit-execution-name-btn,.execution-header:hover .edit-execution-name-btn,.tab-item:hover .edit-execution-name-btn{display:flex}.edit-execution-name-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-primary-500);color:var(--color-primary-500);transform:scale(1.1)}.tab-edit-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-primary-500);color:var(--color-primary-500);transform:translateY(-50%)scale(1.1)}.execution-edit-modal{z-index:1000;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.execution-edit-modal-content{background-color:var(--color-white);border-radius:var(--radius-sm);width:500px;max-width:90%;margin:15% auto;padding:30px;box-shadow:0 4px 20px #0000004d}.execution-edit-modal h3{color:var(--color-fg);margin-bottom:20px;font-size:1.4rem}.execution-edit-form{flex-direction:column;gap:20px;display:flex}.execution-edit-form .form-group{flex-direction:column;gap:8px;display:flex}.execution-edit-form label{color:var(--color-fg);font-size:14px;font-weight:700}.execution-edit-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;font-family:inherit;font-size:16px;transition:border-color .3s}.execution-edit-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #ffd10033}.form-help{color:var(--color-text-muted);margin-top:4px;font-size:12px}.execution-edit-actions{justify-content:flex-end;gap:10px;display:flex}.execution-edit-save{background-color:var(--color-primary-500);color:var(--color-black);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .3s}.execution-edit-save:hover{background-color:var(--color-primary-600)}.execution-edit-cancel{background-color:var(--color-gray-600);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;transition:background-color .3s}.execution-edit-cancel:hover{background-color:var(--color-gray-700)}.execution-custom-name{color:var(--color-primary-500);font-size:.9em;font-weight:400}.tab-title.has-custom-name{color:var(--color-primary-500);font-weight:600}.page--executions .executions-container{width:100%}.page--executions .kpi-dashboard{margin-bottom:30px}.page--executions .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0;display:grid}.page--executions .kpi-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);padding:20px;transition:all .3s}.page--executions .kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page--executions .kpi-card h3{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:10px;font-size:.9rem;font-weight:600}.page--executions .kpi-value{color:var(--color-black);margin-bottom:5px;font-size:2.5rem;font-weight:700}.page--executions .kpi-subtitle{color:var(--color-text-dim);font-size:.8rem}.page--executions .execution-filters{background-color:var(--color-muted-bg);border-radius:var(--radius-md);flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px;display:flex}.page--executions .filter-group{flex-direction:column;gap:5px;display:flex}.page--executions .filter-group label{color:var(--color-fg);font-size:.9rem;font-weight:500}.page--executions .filter-group select{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:150px;padding:8px 12px;font-size:1rem}.page--executions .execution-timeline{margin-top:20px}.page--executions .timeline-item{align-items:flex-start;gap:12px;margin:12px 0;display:flex}.page--executions .timeline-marker{background-color:var(--color-gray-400);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-gray-400);border-radius:50%}.page--executions .timeline-item.completed .timeline-marker{background-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.page--executions .timeline-item.running .timeline-marker{background-color:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning);animation:2s infinite pulse}.page--executions .timeline-item.failed .timeline-marker{background-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger)}.page--executions .timeline-content{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:15px}.page--executions .timeline-content h4{color:var(--color-black);margin:0 0 10px;font-size:1.1rem}.page--executions .timeline-content p{color:var(--color-text-muted);margin:5px 0;font-size:.9rem}.page--executions .timeline-progress{margin-top:10px}.page--executions .execution-artifacts{margin-bottom:40px}.page--executions .artifacts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0;display:grid}.page--executions .artifact-card li{margin-bottom:8px}.page--executions .artifact-card a{color:var(--color-primary-600);font-size:.9rem;text-decoration:none}.page--executions .artifact-card a:hover{text-decoration:underline}.page--executions .execution-detail-actions,.page--executions .workflow-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0 30px;display:flex}.page--workflow .tab-content-area{background-color:var(--color-white);flex:1;overflow-y:auto}.page--workflow .tab-content{height:100%;padding:20px;display:none;overflow-y:auto}.page--workflow .tab-content.active{display:block}.page--workflow .execution-tab-content{width:100%}.page--workflow .execution-header{border-bottom:2px solid var(--color-border);margin-bottom:30px;padding-bottom:20px}.page--workflow .execution-header h2{color:var(--color-black);margin-bottom:10px;font-size:1.8rem}.page--workflow .execution-status-card{background-color:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:grid}.page--workflow .status-display{align-items:center;display:flex}.page--workflow .progress-display{flex-direction:column;gap:8px;display:flex}.page--workflow .progress-display span{color:var(--color-text-muted);align-self:flex-start;font-size:.9rem}.page--workflow .execution-actions{border-top:1px solid var(--color-gray-200);justify-content:center;gap:15px;margin-top:30px;padding-top:20px;display:flex}.page--workflow .tab-content .timeline{margin-top:20px}.page--workflow .tab-content .timeline-item{margin-bottom:25px}.page--workflow .tab-content .timeline-content{padding:12px}.page--workflow .tab-content .timeline-content h4{margin-bottom:8px;font-size:1rem}.page--workflow .tab-content .timeline-content p{margin:3px 0;font-size:.85rem}.page--workflow .timeline{padding-left:30px;position:relative}.page--workflow .timeline:before{content:"";background-color:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:15px}.page--workflow .timeline-item{margin-bottom:30px;padding-left:20px;position:relative}.page--workflow .timeline-marker{background-color:var(--color-border);border:3px solid var(--color-white);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-border);border-radius:50%;position:absolute;top:5px;left:-20px}.page--workflow .timeline-item.completed .timeline-marker{background-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.page--workflow .timeline-item.running .timeline-marker{background-color:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning);animation:2s infinite pulse}.page--workflow .timeline-item.failed .timeline-marker{background-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger)}.page--workflow .timeline-content{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:15px}.page--workflow .timeline-content h4{color:var(--color-black);margin:0 0 10px;font-size:1.1rem}.page--workflow .timeline-content p{color:var(--color-text-muted);margin:5px 0;font-size:.9rem}.page--workflow .timeline-progress{margin-top:10px}.page--workflow .job-details-section{margin-bottom:40px}.page--workflow .job-table-wrapper{margin:20px 0;overflow-x:auto}.page--workflow .job-row.completed{background-color:var(--color-gray-50)}.page--workflow .job-row.running{background-color:var(--color-warning-bg)}.page--workflow .job-row.failed{background-color:var(--color-danger-bg)}.page--workflow .chunk-progress{align-items:center;gap:8px;display:flex}.page--workflow .chunk-progress span{color:var(--color-text-muted);font-size:.8rem}.page--workflow .execution-artifacts{margin-bottom:40px}.page--workflow .artifacts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0;display:grid}.page--workflow .artifact-card li{color:var(--color-text-muted);margin:6px 0;font-size:.95rem}.page--workflow .workflow-tasks,.page--workflow .workflow-card{margin-bottom:32px}.page--workflow .workflow-form{flex-direction:column;gap:20px;display:flex}.page--workflow .workflow-form__fields{flex-direction:column;gap:16px;display:flex}.page--workflow .workflow-form__field{flex-direction:column;gap:8px;display:flex}.page--workflow .workflow-form__field label{color:var(--color-black);font-weight:600}.page--workflow .workflow-form__hint{color:var(--color-text-muted);font-size:.85rem}.page--workflow .workflow-form__actions{justify-content:center;gap:16px;display:flex}.page--workflow .workflow-form__error{margin-top:8px}.page--workflow .input--textarea{resize:vertical;min-height:140px;padding:12px}.page--jobs .job-filter{background-color:var(--color-muted-bg);border-radius:var(--radius-md);margin-bottom:30px;padding:20px}.page--jobs .job-filter label{margin-right:15px;font-weight:500}.page--jobs .job-filter select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:1rem}.page--jobs .job-list .job-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);margin-bottom:20px;padding:20px;transition:all .3s}.page--jobs .job-item:hover{box-shadow:var(--shadow-md)}.page--jobs .job-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.page--jobs .job-header h3{color:var(--color-black);margin:0;font-size:1.2rem}.page--jobs .job-details{margin-bottom:15px}.page--jobs .job-details p{color:var(--color-text-muted);margin:5px 0}.page--jobs .job-actions{flex-wrap:wrap;gap:10px;display:flex}.page--jobs .job-actions .btn{margin-right:0}.page--jobs .error-text{color:var(--color-danger);font-weight:500}.page--jobs .job-details-section{margin-bottom:40px}.page--jobs .job-table-wrapper{margin:20px 0;overflow-x:auto}.page--jobs .job-row.completed{background-color:var(--color-gray-100)}.page--jobs .job-row.running{background-color:var(--color-warning);color:var(--color-black)}.page--jobs .job-row.failed{background-color:var(--color-danger);color:var(--color-white)}html,body,#root{width:100%}.main-wrapper,.l-main-wrapper{margin-left:var(--sidebar-width,250px);width:calc(100% - var(--sidebar-width,250px));flex-direction:column;min-height:100vh;display:flex}.top-header{box-sizing:border-box;width:100%;padding:0 var(--header-padding-x,20px);height:var(--header-height,56px);justify-content:space-between;align-items:center;display:flex}.l-top-header{box-sizing:border-box;width:100%;padding:0 var(--header-padding-x,20px);height:var(--header-height,56px)}.main-content,.l-main-content{box-sizing:border-box;width:100%;padding:var(--content-padding,30px);margin:0}@media (width<=1024px){.main-wrapper,.l-main-wrapper{width:100%;margin-left:0}}body.sidebar-collapsed .main-wrapper,body.sidebar-collapsed .l-main-wrapper{width:100%;margin-left:0}