.email-form-container{margin:0 auto;max-width:100%}.email-config-card{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow:hidden;transition:all .3s}.email-config-card:hover{box-shadow:0 3px 6px #0000001a}.email-config-card .ant-card-head{background-color:#f0f7ff;border-bottom:1px solid #e6f0ff;padding:12px 20px}.email-config-card .ant-card-head-title{color:#1e40af;font-size:16px;font-weight:600}.email-config-card .ant-card-body{padding:20px 24px}.section-header{border-bottom:1px solid #e6f0ff;color:#1e40af;padding-bottom:8px}.selection-info-row{margin-bottom:20px}.selection-info-row .ant-alert{border-radius:6px}.domain-select,.smtp-select{width:100%}.ant-select-selector{border-radius:6px!important}.ant-select-focused .ant-select-selector,.ant-select-open .ant-select-selector,.ant-select-selector:hover{border-color:#4f46e5!important}.ant-input,.ant-input-password{border-radius:6px}.ant-input-password:hover,.ant-input:hover{border-color:#4f46e5}.ant-input-focused,.ant-input-password-focused,.ant-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.disabled-input-bg{background-color:#f5f5f5!important;color:#888!important;cursor:not-allowed}.username-input-group .ant-input-group-addon{background-color:#f0f7ff;border-bottom-right-radius:6px;border-left:none;border-top-right-radius:6px;color:#4f46e5;font-weight:500}.email-relationship-indicator{align-items:center;display:inline-flex;padding:2px 8px}.email-relationship-indicator,.server-count-badge{background-color:#e6f7ff;border-radius:10px;color:#1890ff;font-size:12px;margin-left:8px}.server-count-badge{border:1px solid #91d5ff;padding:1px 8px}.email-config-card .ant-form-item-label>label{align-items:center;color:#4b5563;display:flex;font-weight:500}.ant-form-item-tooltip-icon{color:#9ca3af;margin-left:6px}.ant-divider{border-top-color:#e5e7eb;margin:16px 0}.shared-inbox-toggle .ant-form-item-label>label{color:#4b5563;font-weight:600}.ant-switch-checked{background-color:#4f46e5!important}.shared-inbox-card{background-color:#fafafa;border:1px solid #f0f0f0}.shared-inbox-card .ant-card-head{background-color:#f5f5f5}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.form-actions .ant-btn{border-radius:6px;font-weight:500;height:40px;padding:0 20px}.form-actions .ant-btn-primary{background-color:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 4px #4f46e533}.form-actions .ant-btn-primary:hover{background-color:#4338ca;border-color:#4338ca}.form-actions .ant-btn-default{border-color:#d1d5db}.form-actions .ant-btn-default:hover{border-color:#4f46e5;color:#4f46e5}.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-input-affix-wrapper,.ant-form-item-has-error .ant-select-selector{border-color:#ff4d4f!important}.ant-form-item-explain-error{color:#ff4d4f;font-size:12px;margin-top:4px}.ant-input-number{border-radius:6px;width:100%}.ant-input-number:hover{border-color:#4f46e5}.ant-input-number-focused{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.user-details-card .ant-card-head{background-color:#f9fafb}.admin-select .ant-select-selector,.status-select .ant-select-selector{border-radius:6px!important}.admin-select .ant-select-selection-item,.status-select .ant-select-selection-item{font-weight:500}.status-active-option{color:#10b981!important}.status-suspended-option{color:#f59e0b!important}.admin-yes-option{color:#3b82f6!important}.submit-loading{margin-right:8px}.linked-item{position:relative}.linked-item:after{background-color:#a5b4fc;bottom:-15px;content:"";height:15px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.connected-fields{position:relative}.connected-fields:before{background-color:#a5b4fc;content:"";height:2px;left:-12px;position:absolute;top:50%;width:24px}@media (max-width:768px){.form-actions .ant-btn{padding:0 15px}.ant-card-head-title{font-size:15px}.ant-card-body{padding:16px}}.relationship-hint{align-items:center;background-color:#f0f7ff;border:1px solid #e1e7ff;border-radius:12px;color:#4f46e5;display:inline-flex;font-size:12px;margin-top:4px;padding:4px 10px}.relationship-hint .anticon{margin-right:5px}.auto-selected{animation:highlight-pulse 2s 1}@keyframes highlight-pulse{0%{background-color:#4f46e51a}50%{background-color:#4f46e533}to{background-color:initial}}:root{--email-modal-primary:#2563eb;--email-modal-success:#4caf50;--email-modal-error:#ff5252;--email-modal-warning:#ffb100;--email-modal-info:#08f;--email-modal-delete:#ff5252;--email-modal-bg-primary:#eef2ff;--email-modal-bg-success:#eaffef;--email-modal-bg-error:#ffe9e9;--email-modal-bg-warning:#fff9e6;--email-modal-bg-info:#e9f5ff;--email-modal-bg-delete:#ffe9e9;--email-modal-radius:12px;--email-modal-shadow:0 8px 30px #0000001f,0 0 1px #0000001a;--email-modal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.email-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-modal-transition);visibility:hidden;z-index:1000}.email-modal-overlay.visible{opacity:1;visibility:visible}.email-modal{background:#fff;border-radius:12px;border-radius:var(--email-modal-radius);box-shadow:0 8px 30px #0000001f,0 0 1px #0000001a;box-shadow:var(--email-modal-shadow);max-width:420px;opacity:0;overflow:hidden;padding:24px;position:relative;transform:scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-modal-transition);width:100%}.email-modal.visible{opacity:1;transform:scale(1)}.email-modal-center{margin:0 auto}.email-modal-top{top:100px}.email-modal-bottom,.email-modal-top{left:0;margin:0 auto;position:absolute;right:0}.email-modal-bottom{bottom:100px}.email-modal-progress-container{background-color:#0000001a;height:4px;left:0;position:absolute;top:0;width:100%}.email-modal-progress{background-color:#2563eb;background-color:var(--email-modal-primary);height:100%;width:100%}.email-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-modal-transition);width:24px;z-index:10}.email-modal-close:hover{background-color:#0000000d;color:#0f172a}.email-modal-close:focus{box-shadow:0 0 0 2px #2563eb4d;outline:none}.email-modal-content{align-items:center;display:flex;flex-direction:column;text-align:center}.email-modal-icon{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.email-modal-text{margin-bottom:24px}.email-modal-title{color:#1e293b;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.email-modal-message{color:#64748b;font-size:15px;line-height:1.5;margin:0}.email-modal-actions{display:flex;gap:12px;justify-content:center;width:100%}.email-modal-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;height:42px;justify-content:center;max-width:160px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--email-modal-transition)}.email-modal-button:focus{box-shadow:0 0 0 2px #2563eb4d;outline:none}.email-modal-cancel{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.email-modal-cancel:hover{background-color:#f1f5f9;color:#334155}.email-modal-confirm{background-color:#2563eb;background-color:var(--email-modal-primary);color:#fff}.email-modal-confirm:hover{filter:brightness(1.1)}.email-modal-success-button{background-color:#4caf50;background-color:var(--email-modal-success)}.email-modal-error-button{background-color:#ff5252;background-color:var(--email-modal-error)}.email-modal-warning-button{background-color:#ffb100;background-color:var(--email-modal-warning)}.email-modal-info-button{background-color:#08f;background-color:var(--email-modal-info)}.email-modal-delete-button{background-color:#ff5252;background-color:var(--email-modal-delete)}.email-modal-success{border-top:4px solid #4caf50;border-top:4px solid var(--email-modal-success)}.email-modal-error{border-top:4px solid #ff5252;border-top:4px solid var(--email-modal-error)}.email-modal-warning{border-top:4px solid #ffb100;border-top:4px solid var(--email-modal-warning)}.email-modal-info{border-top:4px solid #08f;border-top:4px solid var(--email-modal-info)}.email-modal-delete{border-top:4px solid #ff5252;border-top:4px solid var(--email-modal-delete)}@media (max-width:480px){.email-modal{margin:0 auto;max-width:90%}.email-modal-actions{align-items:center;flex-direction:column}.email-modal-button{max-width:100%;width:100%}}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.8,.8,.8)}to{opacity:1;transform:scaleX(1)}}.email-modal-top.visible{animation:slideInDown .3s forwards}.email-modal-bottom.visible{animation:slideInUp .3s forwards}.email-modal-center.visible{animation:zoomIn .3s forwards}.email-modal-button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--email-modal-primary);outline-offset:2px}.dark .email-modal{background-color:#1e293b;color:#f8fafc}.dark .email-modal-title{color:#f8fafc}.dark .email-modal-message{color:#cbd5e1}.dark .email-modal-cancel{background-color:#334155;border-color:#475569;color:#e2e8f0}.dark .email-modal-cancel:hover{background-color:#475569;color:#f8fafc}.dark .email-modal-close{color:#cbd5e1}.dark .email-modal-close:hover{background-color:#ffffff1a;color:#f8fafc}.notification-container::-webkit-scrollbar{width:8px}.notification-container::-webkit-scrollbar-track{background:#fff}.notification-container::-webkit-scrollbar-thumb{background:#0b4eb8;border-radius:8px}.notification-container::-webkit-scrollbar-thumb:hover{background:#092f6a}.notification-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 15px}.notification-container{flex-direction:column;height:250px;overflow-y:auto;width:300px}.notification-container,.notification-item{align-items:center;display:flex;justify-content:start}.notification-item{border:1px solid #0000;cursor:pointer;padding:10px 5px 10px 10px;transition:all .3s ease-out;width:100%}.notification-item:hover{background-color:#ebebeb!important;transition:all .3s ease-out}.custom-popover .ant-popover-inner-content{padding:0!important}.notifications-details-main{background-color:#fff;padding:20px}.notifications-details{height:calc(100vh - 240px);overflow-y:auto}.notifications-details-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 10px}.notifications-details-heading h4{border:1px solid #0000;border-radius:10px;color:#061db7;padding:12px;transition:all .3s ease-out}.notifications-details-heading h4:hover{border:1px solid #061db7;color:#061db7;cursor:pointer}.notifications-details::-webkit-scrollbar{width:8px}.notifications-details::-webkit-scrollbar-track{background:#fff}.notifications-details::-webkit-scrollbar-thumb{background:#0b4eb8;border-radius:8px}.notifications-details::-webkit-scrollbar-thumb:hover{background:#092f6a}.notifications-card{align-items:center;background-color:#f0f8ff;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;margin-right:10px;overflow:hidden;padding:12px;transition:all .3s ease-out}.notifications-card:hover{background-color:#b2d9f9;box-shadow:0 2px 8px 0 #b2d9f9}.notifications-card .notifications-avatar{background-color:#061db7;color:#fff;font-size:16px;font-weight:700;margin-right:20px}.notifications-card .notifications-title{color:#000;font-size:16px;font-weight:700;margin-bottom:0}.notifications-card .notifications-desc{font-size:16px;margin-bottom:0}.empty-notifications{align-items:center;display:flex;flex-direction:column;height:calc(70vh - 50px);justify-content:center}.empty-notifications .notification-img{height:200px;margin-bottom:20px;width:200px}.empty-notifications h4{color:#444;font-size:25px;font-weight:700;text-align:center}.empty-notifications p{color:#565656;font-size:20px;text-align:center}.progress-detail-modal .ant-modal-content{border-radius:12px;overflow:hidden}.progress-detail-modal .ant-modal-header{background:#4096ff;border-bottom:none;padding:16px 24px}.progress-detail-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.progress-detail-modal .ant-modal-close{color:#fff}.progress-detail-modal .ant-modal-body{background:#fff;padding:24px}.stat-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;height:100%;margin-bottom:16px;padding:20px}.stat-label{color:#8c8c8c;font-size:14px;margin-bottom:8px}.stat-value{align-items:center;display:flex;font-size:28px;font-weight:600;gap:8px;margin-bottom:4px}.stat-note{color:#8c8c8c;font-size:12px}.campaign-progress-section{margin-top:24px}.section-header{align-items:center;color:#333;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;position:relative}.section-header .icon{color:#4096ff}.distribution-count{color:#8c8c8c;font-size:14px;font-weight:400;margin-left:auto}.progress-bar{margin-bottom:16px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar-container{width:200px}.email-stats-container{display:flex;gap:16px;margin-top:16px}.email-stat-box{background:#f9f9f9;border-radius:8px;min-width:110px;padding:12px 16px;text-align:center}.email-stat-box.sent .stat-box-value{color:#1890ff}.email-stat-box.remaining .stat-box-value{color:#722ed1}.stat-box-value{font-size:28px;font-weight:600;margin-bottom:4px}.stat-box-label{color:#8c8c8c;font-size:13px;font-weight:500}.timing-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.timing-box{background:#f9f9f9;border-radius:8px;padding:12px}.timing-label{color:#8c8c8c;font-size:12px;margin-bottom:4px}.timing-value{font-size:16px;font-weight:500}.started-info{background:#1890ff0d;border:1px solid #1890ff33;color:#1890ff;gap:8px;margin-top:12px;padding:12px}.sender-row,.started-info{align-items:center;border-radius:8px;display:flex}.sender-row{background:#fff;border:1px solid #f0f0f0;justify-content:space-between;margin-bottom:12px;padding:16px}.sender-info{gap:12px}.sender-avatar,.sender-info{align-items:center;display:flex}.sender-avatar{background:#4096ff;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;width:32px}.sender-details{display:flex;flex-direction:column;gap:4px}.sender-name{font-weight:500}.sender-stat{color:#8c8c8c;font-size:12px}.sender-stat .ant-divider-vertical{border-left:1px solid #d9d9d9;height:12px;margin:0 8px}.next-email-section{background:#722ed1;border-radius:12px;color:#fff;margin-top:24px;padding:20px}.section-title{color:#fff}.email-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.email-field{display:flex;flex-direction:column;gap:4px}.field-label{color:#ffffffb3;font-size:12px}.field-value{font-weight:500}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-timer{align-items:center;background-color:#ffffff26;border-radius:12px;color:#ffffffe6;display:inline-flex;font-size:12px;gap:6px;margin-top:6px;padding:4px 8px}@media (max-width:576px){.email-grid,.timing-info{gap:12px;grid-template-columns:1fr}.sender-row{align-items:flex-start;flex-direction:column}.progress-bar-container{margin-top:12px;width:100%}.email-stats-container{justify-content:space-between;width:100%}.email-stat-box{flex:1 1}}.sched-campaign-modal .ant-modal-content{border-radius:16px;overflow:hidden}.sched-campaign-modal .ant-modal-header{background:linear-gradient(135deg,#722ed1,#531dab);border-bottom:none;padding:16px 24px}.sched-campaign-modal .ant-modal-title{color:#fff;font-weight:600}.sched-campaign-modal .ant-modal-body{padding:24px}.sched-info-section{border-radius:12px;box-shadow:0 2px 8px #0000000f}.sched-info-section .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.sched-info-section .ant-card-head-title{font-size:16px;font-weight:600}.sched-info-section .ant-card-body{padding:24px}.sched-info-box{margin-bottom:16px}.sched-info-label{align-items:center;color:#00000073;display:flex;font-size:14px;margin-bottom:8px}.sched-info-label .anticon{color:#722ed1;margin-right:8px}.sched-info-value{color:#000000d9;font-size:16px;font-weight:500}.sched-time-remaining{color:#722ed1;font-weight:400}.sched-stat-box{background-color:#f9f0ff;border-radius:12px;height:100%;padding:16px;text-align:center}.sched-stat-value{color:#722ed1;font-size:28px;font-weight:600;margin-bottom:8px}.sched-stat-label{color:#000000a6;font-size:14px}.sched-detail-section{margin-top:16px}.sched-detail-header{align-items:center;color:#000000d9;display:flex;font-size:16px;font-weight:500;margin-bottom:16px}.sched-detail-header .anticon{color:#722ed1;margin-right:8px}.sched-detail-item{margin-bottom:16px}.sched-detail-label{color:#00000073;font-size:14px;margin-bottom:4px}.sched-detail-value{color:#000000d9;font-size:15px}.sched-sender-item{margin-bottom:12px}.sched-sender-email{color:#000000d9;font-size:15px;font-weight:500;margin-bottom:4px}.sched-sender-details{color:#000000a6;font-size:13px}.sched-distribution-summary{background-color:#f9f0ff;border-radius:8px;margin-top:24px;padding:12px;text-align:center}.sched-additional-info{color:#000000a6;font-size:14px;line-height:1.6}.sched-campaign-modal .ant-timeline-item-content{padding-bottom:20px}@media (max-width:576px){.sched-info-section .ant-card-body{padding:16px}.sched-stat-box{padding:12px}.sched-stat-value{font-size:24px}.sched-sender-email{font-size:14px}.sched-sender-details{font-size:12px}}@keyframes sched_pulse{0%{box-shadow:0 4px 12px #722ed126}50%{box-shadow:0 4px 20px #722ed140}to{box-shadow:0 4px 12px #722ed126}}.sched-card .ant-tag:hover{transform:scale(1.05);transition:transform .2s ease}.sched-card .ant-badge-status-text{font-weight:500;margin-left:5px}.sched-card .ant-space-vertical,.sched-info-card-content{width:100%}.sched-action-button{transition:all .3s ease}.sched-action-button:hover{transform:translateY(-2px)}.sched-text-overflow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sched-hover-lift{transition:transform .3s ease}.sched-hover-lift:hover{transform:translateY(-5px)}@media (max-width:576px){.sched-card .ant-card-body{padding:16px}.sched-card .ant-space{margin-bottom:8px}}.va-container{background:#0000;min-height:calc(100vh - 100px);padding:0}.va-header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;padding:16px 24px}.va-title{color:#262626;font-size:28px;font-weight:600;margin:0!important}.va-subtitle{color:#8c8c8c;font-size:14px;margin-top:4px}.va-btn{border-radius:6px;font-weight:500;height:36px;padding:0 16px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.va-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.va-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 2px #0000000a;overflow:hidden;transition:none}.va-stats-card{background:#fff;padding:16px}.va-stats-value{color:#262626;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:4px}.va-stats-title{color:#8c8c8c;font-size:13px;font-weight:400}.va-progress-card{background:linear-gradient(135deg,#041a7c,#764ba2);color:#fff;padding:32px}.va-progress-container{text-align:center}.va-progress-title{color:#fff;font-size:18px;font-weight:600;margin-top:16px}.va-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px 0}.va-metric-item{text-align:center}.va-metric-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.va-metric-label{color:#fffc;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.va-tabs-card{background:#fff;margin:0}.va-tabs .ant-tabs-nav{background:#fafafa;margin-bottom:0;padding:0 24px}.va-tabs .ant-tabs-tab{background:#0000;border:none;border-radius:8px 8px 0 0;font-weight:500;margin-right:8px;padding:12px 20px;transition:all .3s ease}.va-tabs .ant-tabs-tab-active{background:#fff;box-shadow:0 -2px 8px #0000000f}.va-tabs .ant-tabs-content-holder{background:#fff;padding:24px}.va-section-title{align-items:center;color:#262626;display:flex;font-size:20px;font-weight:600;margin-bottom:16px}.va-filters-card{background:#fafafa;border:1px solid #f0f0f0;margin-bottom:16px}.va-filter-row{align-items:end}.va-table-container{background:#fff;overflow:hidden}.va-table-container .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#262626;font-weight:500;padding:12px 16px}.va-table-container .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5;padding:12px 16px}.va-table-container .ant-table-tbody>tr:hover>td{background:#fafafa}.va-tag{border:none;border-radius:6px;font-size:12px;font-weight:500;padding:4px 12px}.va-tag-success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.va-tag-error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.va-tag-open{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.va-tag-click{background:#f9f0ff;border:1px solid #d3adf7;color:#722ed1}.va-tag-device{background:#fff7e6;border:1px solid #ffd591;color:#fa8c16}.va-timeline{max-height:400px;overflow-y:auto;padding-right:8px}.va-timeline::-webkit-scrollbar{width:6px}.va-timeline::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.va-timeline::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.va-timeline::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.va-loading{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;height:60vh;justify-content:center}.va-tooltip{max-width:300px}.va-tooltip-content{padding:8px 0}.va-tooltip-title{color:#262626;font-weight:600;margin-bottom:8px}.va-activity-item{background:#fafafa;border-left:2px solid #1890ff;border-radius:4px;margin-bottom:6px;padding:8px 12px}.va-activity-country{color:#262626;font-size:13px;font-weight:500;margin-bottom:2px}.va-activity-url{color:#8c8c8c;font-size:12px;margin-bottom:2px;word-break:break-all}.va-activity-time{color:#bfbfbf;font-size:11px}.va-chart-container{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px}.va-chart-title{color:#262626;font-size:16px;font-weight:600;margin-bottom:16px}@media (max-width:768px){.va-header{padding:12px 16px}.va-stats-value,.va-title{font-size:24px}.va-metrics-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.va-tabs .ant-tabs-content-holder{padding:16px}}@media (max-width:576px){.va-metrics-grid{grid-template-columns:1fr}.va-stats-card{padding:16px 12px}}.va-main-content{background:#0000;max-height:calc(100vh - 80px);overflow-y:auto;padding:0}.va-main-content::-webkit-scrollbar{width:8px}.va-main-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.va-main-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.va-main-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.enterprise-modal{background:#fff;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden;position:relative}.enterprise-modal .ant-modal-content{border-radius:20px;display:flex;flex-direction:column;height:auto;max-height:90vh;overflow:hidden}.enterprise-modal .ant-modal-body{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.enterprise-modal-content{display:flex;flex-direction:column;height:auto;overflow:hidden;position:relative}.modal-header{background:linear-gradient(120deg,#1a365d,#2563eb);border-radius:20px 20px 0 0;justify-content:space-between;padding:20px 30px}.header-content,.modal-header{align-items:center;display:flex}.header-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));margin-right:16px}.header-text{color:#fff}.header-title{color:#fff!important;font-size:22px!important;font-weight:600!important;margin:0!important;padding:0!important;text-shadow:0 2px 4px #0003}.header-subtitle{color:#ffffffe6;font-size:14px;margin:4px 0 0}.modal-scrollable-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0 30px 30px;scroll-behavior:smooth}.steps-header{background:#fff;box-shadow:0 6px 10px -6px #0000001a;margin-bottom:20px;padding:20px 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.enterprise-steps-indicator .ant-steps-item-title{font-size:15px;font-weight:600}.enterprise-steps-indicator .ant-steps-item-icon{background:#f0f7ff;border-color:#2563eb}.enterprise-steps-indicator .ant-steps-item-icon .ant-steps-icon{color:#2563eb;font-size:14px}.enterprise-steps-indicator .ant-steps-item-active .ant-steps-item-icon{background:#2563eb}.enterprise-steps-indicator .ant-steps-item-active .ant-steps-item-icon .ant-steps-icon{color:#fff}.enterprise-steps-indicator .ant-steps-item-finish .ant-steps-item-icon{background:#52c41a;border-color:#52c41a}.enterprise-steps-indicator .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#fff}.step-container{display:flex;flex-direction:column;margin-bottom:0;padding:0}.step-content{flex-grow:1}.step-title{color:#262626;font-size:24px!important;font-weight:700!important;margin-bottom:10px!important}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a365d,#2563eb);-webkit-background-clip:text;background-clip:text;display:inline-block}.step-description{color:#595959;font-size:16px;line-height:1.5;margin-bottom:30px!important}.selection-section{margin-bottom:30px}.section-title{color:#262626;font-size:16px;font-weight:600!important;margin-bottom:16px}.card-grid{margin-top:20px;overflow:visible}.feature-card,.selection-card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 2px 8px #00000008;cursor:pointer;height:100%;overflow:hidden;padding:16px;position:relative;transition:all .25s ease}.goals-grid .selection-card{aspect-ratio:1/1;padding:12px}.goals-grid .card-content,.goals-grid .selection-card{display:flex;flex-direction:column;justify-content:center}.goals-grid .card-content{align-items:center;height:100%;padding:5px;width:100%}.goals-grid .card-title{font-size:14px;line-height:1.3;margin-bottom:4px}.goals-grid .card-description{font-size:12px;line-height:1.3}.feature-card:hover,.selection-card:hover{border-color:#0000;box-shadow:0 8px 15px #00000014;transform:translateY(-3px)}.feature-card.selected,.selection-card.selected{background:#fff;box-shadow:0 4px 12px #00000014;opacity:1!important;position:relative;transform:translateY(-2px);visibility:visible!important;z-index:10}.selection-card.selected:after{border:2px solid #0000;border-radius:26px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.selection-card.selected[data-goal=save-time]{border-color:#4f7df399;box-shadow:0 4px 12px #4f7df340}.selection-card.selected[data-goal=save-time]:after{border-color:#4f7df399}.selection-card.selected[data-goal=customer-service]{border-color:#f442a499;box-shadow:0 4px 12px #f442a440}.selection-card.selected[data-goal=customer-service]:after{border-color:#f442a499}.selection-card.selected[data-goal=streamline]{border-color:#3acca699;box-shadow:0 4px 12px #3acca640}.selection-card.selected[data-goal=streamline]:after{border-color:#3acca699}.selection-card.selected[data-goal=reduce-errors]{border-color:#f59e0b99;box-shadow:0 4px 12px #f59e0b40}.selection-card.selected[data-goal=reduce-errors]:after{border-color:#f59e0b99}.selection-card.selected[data-goal=connect-systems]{border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf640}.selection-card.selected[data-goal=connect-systems]:after{border-color:#8b5cf699}.selection-card.selected[data-goal=automate-support]{border-color:#14b8a699;box-shadow:0 4px 12px #14b8a640}.selection-card.selected[data-goal=automate-support]:after{border-color:#14b8a699}.selection-card.selected[data-goal=reduce-costs]{border-color:#6366f199;box-shadow:0 4px 12px #6366f140}.selection-card.selected[data-goal=reduce-costs]:after{border-color:#6366f199}.card-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 12px;position:relative;transition:all .3s ease;width:48px}.card-icon.large-icon{font-size:22px;height:52px;width:52px}.card-title{color:#262626;font-size:15px;font-weight:600;margin-bottom:6px;text-align:center}.card-description{color:#595959;font-size:13px;line-height:1.4;text-align:center}.card-content{align-items:center;display:flex;flex-direction:column;padding:8px 5px;position:relative}.card-content.centered,.card-content.use-case-content{padding:10px 5px;text-align:center}.card-check{align-items:center;animation:pop .3s ease-out;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#2563eb;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:6px;top:6px;width:20px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.goals-grid,.use-cases-grid{overflow:visible;padding-right:0}.modal-footer{align-items:center;background:linear-gradient(180deg,#f9fafc,#f0f7ff);border-radius:0 0 20px 20px;border-top:1px solid #f0f0f0;box-shadow:0 -6px 10px -6px #0000001a;display:flex;flex-direction:column;padding:20px 30px;position:relative;width:100%;z-index:10}.footer-buttons{display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.navigation-buttons{display:flex;gap:10px}.skip-button{border:none;box-shadow:none;color:#8c8c8c;transition:all .3s ease}.skip-button:hover{background:#0000;color:#262626;transform:translateY(-2px)}.back-button{border-color:#d9d9d9;min-width:90px;transition:all .3s ease}.back-button:hover{border-color:#2563eb;transform:translateY(-2px)}.complete-button,.next-button{background:linear-gradient(120deg,#1a365d,#2563eb);border:none;box-shadow:0 4px 10px #2e42ff4d;min-width:110px;transition:all .3s ease}.complete-button:hover,.next-button:hover{background:linear-gradient(120deg,#1a365d,#1d4ed8);box-shadow:0 6px 15px #2e42ff66;transform:translateY(-2px)}.step-counter{color:#8c8c8c;font-size:13px;letter-spacing:.5px}.subscription-modal{max-width:90vw}.subscription-modal .ant-modal-content{display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 40px)}.subscription-modal .ant-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.subscription-modal .enterprise-modal-content{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.subscription-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 30px}.subscription-modal .subscription-footer{align-items:center;background:linear-gradient(180deg,#f9fafc,#f0f7ff);border-radius:0 0 20px 20px;border-top:1px solid #f0f0f0;bottom:0;box-shadow:0 -6px 10px -6px #0000001a;display:flex;justify-content:center;margin-top:auto;padding:20px 30px;position:-webkit-sticky;position:sticky;width:100%;z-index:10}.later-button{background:#fff;border:1px solid #e6e6e6;color:#8c8c8c;font-size:14px;min-width:150px;transition:all .3s ease}.later-button:hover{background:#f9f9f9;border-color:#d9d9d9;color:#595959;transform:translateY(-2px)}.ant-btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.subscription-guarantees{display:flex;justify-content:center;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.guarantee{align-items:center;background:#f0f7ff;border-radius:16px;display:inline-flex;margin:0 6px;padding:4px 12px}.guarantee .ant-badge-status-dot{height:8px;width:8px}.guarantee .ant-badge-status-text{font-size:13px}.success-metrics-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#ddd6fe);border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:24px;padding:32px;text-align:center}.metric-item{align-items:center;display:flex;flex-direction:column;gap:8px}.metric-value{color:#1a365d;font-size:28px;font-weight:700;line-height:1;margin-top:8px}.metric-label{color:#64748b;font-size:12px;font-weight:500}.testimonial-card-enhanced{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;height:100%;transition:all .3s ease}.testimonial-card-enhanced:hover{border-color:#ddd6fe;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.testimonial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rating-section{display:flex;gap:2px}.testimonial-metric{border-radius:12px;margin-bottom:20px;padding:16px;position:relative}.metric-number{font-size:32px;font-weight:700;margin-bottom:4px}.metric-description{color:#64748b;font-size:13px;font-weight:500}.testimonial-quote{margin-bottom:24px;position:relative}.quote-mark{color:#e5e7eb;font-family:Georgia,serif;font-size:48px;left:-8px;line-height:1;position:absolute;top:-20px}.testimonial-text{color:#475569;display:block;font-size:14px;line-height:1.6;position:relative;z-index:1}.testimonial-author-enhanced{align-items:center;display:flex;gap:12px;margin-bottom:16px}.author-avatar{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.author-info{display:flex;flex-direction:column}.author-name{font-size:15px;line-height:1.3}.author-title{font-size:13px;line-height:1.3}.company-section{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.trust-badges{background:#f8fafc;border-radius:16px;margin-top:48px;padding:24px;text-align:center}.trust-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;display:inline-flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .3s ease}.trust-badge:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;color:#6366f1;transform:translateY(-2px)}.plan-comparison-enhanced{padding:20px 0}.comparison-header{margin-bottom:32px;text-align:center}.feature-categories{margin-bottom:40px}.category-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.comparison-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.comparison-table-enhanced{font-size:14px}.comparison-table-enhanced .ant-table-thead>tr>th{background:#f8fafc;border-bottom:2px solid #e5e7eb;font-weight:600;text-align:center}.comparison-table-enhanced .ant-table-tbody>tr>td{padding:16px 12px;text-align:center;vertical-align:middle}.comparison-table-enhanced .ant-table-tbody>tr:hover>td{background:#f8fafc}.feature-name{font-weight:500;text-align:left}.feature-check,.feature-name{align-items:center;display:flex}.feature-check{justify-content:center}.feature-check.yes{animation:checkBounce .5s ease}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feature-value{color:#334155;font-weight:500}.feature-value.unlimited{font-size:15px}.comparison-cta{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-top:48px;padding:32px;text-align:center}.limited-offer-banner{background:linear-gradient(135deg,#fff5f5,#fef3c7);border:1px solid #fde68a;border-radius:12px;box-shadow:0 2px 8px #fbbf241a;margin-bottom:24px;padding:16px 20px}.offer-content{flex-wrap:wrap;gap:16px;justify-content:space-between}.offer-content,.offer-text{align-items:center;display:flex}.offer-text{flex:1 1}.offer-timer{align-items:center;background:#fffc;border-radius:8px;display:flex;font-size:13px;gap:6px;padding:6px 12px}.social-proof-notification{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:24px;box-shadow:0 8px 24px #0000001f;left:24px;max-width:320px;padding:16px 20px;position:fixed;z-index:1100}.notification-content{align-items:center;display:flex;gap:12px}.notification-icon{align-items:center;background:#f0fdf4;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.subscription-modal-header{align-items:center;background:linear-gradient(135deg,#0a2463,#1e3a8a 50%,#3949ab);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.subscription-modal-header:before{background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#fff0 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sub-modal-header-content{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.sub-header-title{color:#fff!important;font-size:24px!important;font-weight:700!important;letter-spacing:-.5px;margin:0!important;text-shadow:0 2px 4px #0003}.subscription-subtitle{color:#595959;font-size:15px;margin-bottom:24px!important;text-align:center}.billing-toggle-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:30px;color:#fff;display:flex;gap:12px;padding:8px 16px}.billing-toggle{background-color:#3949ab}.billing-toggle .ant-switch-handle:before{background-color:#fff}.discount-tag{border-radius:12px;box-shadow:0 2px 6px #00000026;font-weight:600;height:auto;margin-left:8px;padding:4px 10px}.plans-row{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.plan-card{border:1px solid #f0f0f0;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-3px)}.plan-card.selected{border-color:#2563eb;box-shadow:0 8px 16px #2563eb26}.plan-card.popular{border-color:#2563eb;box-shadow:0 12px 20px #2563eb26;transform:scale(1.02);z-index:1}.popular-badge{background:#2563eb;border-radius:16px;box-shadow:0 4px 8px #2563eb4d;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:-10px}.plan-header{padding:16px 12px 8px;text-align:center}.plan-icon{align-items:center;background:linear-gradient(135deg,#1a365d,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;margin:0 auto 8px;width:40px}.plan-name{color:#262626;font-size:18px!important;margin-bottom:6px!important}.plan-description{color:#595959;font-size:13px;margin-bottom:0!important;min-height:36px}.plan-price-container{padding:10px 0 12px;position:relative;text-align:center}.price{color:#262626!important;font-size:32px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:0!important}.price-period{color:#8c8c8c;font-size:14px;margin-top:0}.monthly-equivalent{font-size:12px;margin-top:2px}.extended-features{max-height:180px;overflow-y:auto;padding:0 10px;scrollbar-width:thin;text-align:left}.extended-features::-webkit-scrollbar{width:5px}.extended-features::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.extended-features::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.extended-features::-webkit-scrollbar-thumb:hover{background:#555}.extended-feature-item{align-items:flex-start!important;border-bottom:none!important;display:flex!important;margin:0!important;padding:4px 0!important;text-align:left}.extended-feature-item .feature-check{color:#52c41a;flex-shrink:0;font-size:14px;margin-right:8px;margin-top:3px}.extended-feature-item .ant-typography{line-height:1.4;margin-left:4px;text-align:left}.subscription-modal .plan-card{display:flex;flex-direction:column;min-height:510px;overflow:visible}.subscription-modal .plan-card.free-plan{background:linear-gradient(180deg,#f6ffed,#fff)}.subscription-modal .plan-card.free-plan:hover{box-shadow:0 12px 24px #52c41a26;transform:translateY(-4px)}.plan-features{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:0 16px 12px}.feature-item{font-size:13px;margin-bottom:0;padding:6px 0!important}.feature-title{align-items:center;display:flex;flex:1 1;gap:4px}.feature-check{color:#52c41a;font-size:14px}.info-icon{color:#bfbfbf;cursor:help;font-size:12px;margin-left:2px}.feature-value{background:#f5f5f5;border-radius:4px;font-size:12px!important;padding:2px 6px}.plan-action{margin-top:auto;padding:16px}.subscribe-button{border-radius:8px;font-size:15px;font-weight:600;height:44px;letter-spacing:.5px;text-transform:uppercase}.free-button{background:#52c41a;border-color:#52c41a}.free-button:focus,.free-button:hover{background:#73d13d;border-color:#73d13d;box-shadow:0 8px 16px #52c41a33;transform:translateY(-2px)}.popular-button{background:#2563eb;border-color:#2563eb;box-shadow:0 8px 16px #2563eb33}.popular-button:focus,.popular-button:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px)}.enterprise-button{background:#6366f1;border-color:#6366f1}.trial-note{color:#8c8c8c;font-size:12px;margin-top:8px;text-align:center}.loading-container{flex-direction:column;padding:60px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:16px;width:40px}.subscription-tabs .ant-tabs-nav{margin-bottom:24px}.subscription-tabs .ant-tabs-tab{font-size:16px;padding:12px 20px;transition:all .3s ease}.subscription-tabs .ant-tabs-tab-active{font-weight:600}.subscription-tabs .ant-tabs-tab-btn{color:#595959}.subscription-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#2563eb}.subscription-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#1a365d,#2563eb);border-radius:3px;height:3px}.testimonials-container{padding:20px 0}.testimonial-card{border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 8px 20px #0000001a;height:100%;overflow:hidden;transition:all .3s ease}.testimonial-card:hover{border-color:#e6f7ff;box-shadow:0 15px 30px #2e42ff26;transform:translateY(-8px)}.testimonial-content{display:flex;flex-direction:column;height:100%;padding:20px}.testimonial-content .ant-typography{color:#595959;font-size:15px;line-height:1.6}.testimonial-author{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;margin-top:24px;padding-top:16px}.testimonial-author .ant-typography:first-child{color:#262626;font-size:16px}.testimonial-author .ant-typography:last-child{color:#8c8c8c;font-size:14px}.comparison-table{border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.comparison-table .ant-table-thead>tr>th{background-color:#f9faff;color:#262626;font-weight:600;text-align:center}.comparison-table .ant-table-thead>tr>th:first-child{text-align:left}.comparison-table .ant-table-tbody>tr:nth-child(4n+1){background-color:#f9faff}.comparison-table .ant-table-tbody>tr>td:first-child{font-weight:500}.comparison-table .ant-table-tbody>tr>td:not(:first-child){text-align:center}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 4px 10px #2e42ff33;transform:scale(1)}50%{box-shadow:0 6px 14px #2e42ff4d;transform:scale(1.05)}to{box-shadow:0 4px 10px #2e42ff33;transform:scale(1)}}.feature-card.selected,.selection-card.selected{box-shadow:0 10px 25px #2e42ff33}@media (max-width:768px){.enterprise-modal-content{padding:24px 16px}.steps-header{margin-bottom:24px;padding:0 16px}.step-title{font-size:22px!important}.step-description{font-size:14px;margin-bottom:24px!important}.footer-buttons{flex-wrap:wrap;gap:12px}.back-button,.complete-button,.next-button,.skip-button{flex:1 1;min-width:0}.step-container{padding:0 16px 16px}.feature-card,.selection-card{padding:12px}.card-icon{font-size:20px;height:46px;margin-bottom:12px;width:46px}.card-title{font-size:14px}.card-description{font-size:12px}.subscription-modal{width:95vw!important}.subscription-tabs .ant-tabs-tab{font-size:14px;padding:8px 12px}.extended-features{max-height:160px}.plan-card.popular{transform:none}.plan-features{padding:0 12px 8px}.testimonial-card{margin-bottom:16px}.price{font-size:28px!important}.popular-badge{border-radius:0 12px 0 12px;right:0;top:0}}.ant-col,.ant-col>div,.card-grid>div{opacity:1!important;visibility:visible!important}.selection-indicator{animation:fadeIn .3s ease-in-out;color:inherit;font-size:16px;position:absolute;right:10px;top:10px;z-index:10}.workflows-layout{background:#f8fafc!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000a;display:flex;flex-direction:column;min-height:100vh}.workflows-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin:0 auto;max-width:1800px;overflow-y:auto;padding:0;width:100%}.workflows-grid-container{flex:1 1;padding:24px 80px}.workflows-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;height:60px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header-nav{flex-shrink:0;gap:2px}.nav-link{border-radius:6px;font-size:13px;font-weight:500;height:34px;padding:0 14px;position:relative;transition:all .15s ease}.nav-link:hover{background:#f8fafc}.nav-link .anticon{font-size:16px}.create-workflow-btn{align-items:center;background:#2563eb;border:none;border-radius:6px;box-shadow:0 1px 2px #2563eb0d;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;height:34px;min-width:140px;padding:0 16px;transition:all .15s ease;white-space:nowrap}.create-workflow-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb26;transform:translateY(-1px)}.create-workflow-btn .anticon{font-size:14px}.filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:flex;font-size:13px;gap:4px;height:34px;padding:0 12px;transition:all .15s ease}.filter-btn:hover{background:#fff;border-color:#cbd5e1;color:#2563eb}.filter-btn .anticon{color:#94a3b8;font-size:14px}.filter-btn:hover .anticon{color:#2563eb}.welcome-section{align-items:center;background:linear-gradient(180deg,#2563eb05,#7c3aed03 50%,#0000);display:flex;min-height:calc(100vh - 64px);position:relative}.welcome-section:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.welcome-content{margin:0 auto;max-width:1400px;padding:0 48px;position:relative;width:100%;z-index:1}.welcome-header{gap:20px;margin-bottom:40px}.welcome-header,.welcome-icon{align-items:center;display:flex}.welcome-icon{background:linear-gradient(135deg,#2563eb14,#7c3aed14);border-radius:16px;font-size:28px;height:64px;justify-content:center;position:relative;width:64px}.welcome-icon .anticon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text}.welcome-title{-webkit-text-fill-color:initial!important;background:none!important;color:#1e293b!important;font-size:44px!important;font-weight:700!important;letter-spacing:-.03em!important;margin:0!important}.welcome-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text}.welcome-description{color:#4b5563;font-size:18px;letter-spacing:-.01em;line-height:1.6;margin-bottom:48px!important;max-width:620px}.welcome-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:48px;position:relative;z-index:1}.welcome-feature{align-items:flex-start;background:#fff;border:1px solid #e2e8f099;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.welcome-feature:hover{border-color:#6366f133;box-shadow:0 4px 20px #00000008;transform:translateY(-1px)}.feature-icon{align-items:center;background:#f5f3ff;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.feature-content{flex:1 1;min-width:0}.feature-content h4{color:#1e293b;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.feature-content p{color:#64748b;font-size:14px;letter-spacing:-.01em;line-height:1.5;margin:0}.welcome-illustration{align-items:center;display:flex;justify-content:center;position:relative}.welcome-illustration img{animation:gentleFloat 6s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(37,99,235,.12));height:auto;max-width:100%}.welcome-actions{display:flex;gap:16px;margin-top:48px}.welcome-actions .ant-btn-primary{background:#2563eb!important;border:none!important;border-radius:12px;box-shadow:0 1px 2px #2563eb0d;font-size:16px;font-weight:500;height:48px;padding:0 32px;transition:all .2s ease}.welcome-actions .ant-btn-primary:hover{background:#1d4ed8!important;box-shadow:0 8px 16px #2563eb26;transform:translateY(-1px)}.welcome-actions .ant-btn-default{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:500;height:48px;padding:0 32px;transition:all .2s ease}.welcome-actions .ant-btn-default:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){.welcome-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.welcome-section{min-height:auto;padding:48px 0}.welcome-content{padding:0 24px}.welcome-title{font-size:32px!important}.welcome-description{font-size:16px}.welcome-features{gap:16px;grid-template-columns:1fr;margin-top:32px}.welcome-feature{padding:20px}.welcome-illustration{margin-top:48px}.welcome-actions{flex-direction:column}.welcome-actions .ant-btn{width:100%}}.workflow-card{background:linear-gradient(180deg,#fff,#fafbff)!important;border:none;border-radius:12px;box-shadow:0 3px 12px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out;will-change:transform}.workflow-card:hover{box-shadow:0 6px 16px #4263eb1f;transform:translateY(-4px)}.workflow-card:before{background:linear-gradient(90deg,#4263eb,#5a78f0);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.workflow-card:hover:before{opacity:1}.workflow-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.workflow-card .ant-card-actions{background:linear-gradient(180deg,#f8fafc,#f5f8ff)!important;border-radius:0 0 12px 12px;border-top:1px solid #eef3ff!important;margin-top:auto;padding:6px 0}.workflow-card .ant-card-actions>li{margin:0}.workflow-card .ant-card-actions>li>span{align-items:center;background:#0000;color:#5a6b87;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease-out;z-index:2}.workflow-card .ant-card-actions>li>span:hover{color:#4263eb;transform:translateY(-2px)}.workflow-card-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.workflow-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px;position:relative}.workflow-title{color:#1c2b46;cursor:pointer;font-size:16px!important;font-weight:600;letter-spacing:-.01em;line-height:1.4!important;margin:0 0 8px!important;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.workflow-title:hover{color:#4263eb}.workflow-description{color:#5a6b87;flex-shrink:0;font-size:13px;line-height:1.5;margin:8px 0!important;text-overflow:ellipsis}.workflow-footer{align-items:center;border-top:1px solid #edf2f7cc;display:flex;flex-shrink:0;justify-content:space-between;margin-top:16px;padding-top:12px}.created-by{color:#7a869a;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-card .ant-tag{align-items:center;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:inline-flex;font-size:11px;font-weight:500;height:auto;line-height:1.4;margin-right:6px;padding:2px 8px;text-transform:capitalize;transition:all .2s ease}.workflow-card .ant-tag:hover{transform:translateY(-1px)}.workflow-card .ant-tag .anticon{font-size:10px;margin-right:4px}.workflow-list-item{background:linear-gradient(90deg,#fff,#fafbff)!important;border:none!important;border-radius:12px!important;box-shadow:0 3px 12px #0000000d;overflow:hidden;position:relative;transition:all .2s ease-out}.workflow-list-item:before{background:linear-gradient(180deg,#4263eb,#5a78f0);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.workflow-list-item:hover{box-shadow:0 6px 16px #4263eb1f;transform:translateY(-2px) translateX(2px)}.workflow-list-item:hover:before{opacity:1}.workflow-list-item .ant-card-body{padding:16px 20px}.workflow-list-item .workflow-title{font-size:15px!important}.workflow-list-item .ant-btn-text{border-radius:6px;transition:all .2s ease}.workflow-list-item .ant-btn-text:hover{background:#4263eb14;color:#4263eb;transform:translateY(-1px)}.workflow-card .ant-tag-green{background:#52c41a1a;border-color:#52c41a33;color:#389e0d}.workflow-card .ant-tag-orange{background:#faad141a;border-color:#faad1433;color:#d48806}.workflow-card .ant-tag-blue{background:#4263eb1a;border-color:#4263eb33;color:#4263eb}.workflow-card .ant-tag-default{background:#8c8c8c1a;border-color:#8c8c8c33;color:#5c5c5c}.centered-spin{align-items:center;display:flex;justify-content:center;min-height:400px}@media (max-width:768px){.workflows-content{height:calc(100vh - 56px);padding:12px}.workflows-header{flex-direction:column;gap:12px;height:auto;padding:12px 16px}.header-left,.header-right{width:100%}.header-right{align-items:stretch;flex-direction:column}.search-input{width:100%!important}.header-controls{justify-content:flex-end}.welcome-card .ant-card-body{padding:24px}.welcome-illustration{margin-top:32px}.workflows-grid{gap:12px;grid-template-columns:1fr}}.workflow-card{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.workflow-skeleton{background:#ffffffe6;border-radius:16px;box-shadow:0 4px 16px #00000008;padding:24px}.workflow-skeleton .ant-skeleton-title{margin-bottom:20px}.workflow-skeleton .ant-skeleton-paragraph{margin-bottom:0}.workflows-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.workflows-pagination{background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:center;margin-bottom:40px;margin-top:24px;padding:12px}.workflows-pagination .ant-pagination{align-items:center;display:flex;gap:4px;margin:0}.workflows-pagination .ant-pagination-item{border:1px solid #e2e8f0;border-radius:4px;font-weight:500;height:28px;line-height:26px;margin:0;min-width:28px}.workflows-pagination .ant-pagination-item:hover{border-color:#2563eb;color:#2563eb}.workflows-pagination .ant-pagination-item-active{background:#2563eb;border-color:#2563eb}.workflows-pagination .ant-pagination-item-active:hover{background:#1d4ed8;border-color:#1d4ed8}.workflows-pagination .ant-pagination-item-active a{color:#fff}.workflows-pagination .ant-pagination-next,.workflows-pagination .ant-pagination-prev{border-radius:4px;height:28px;line-height:28px;margin:0;min-width:28px}.workflows-pagination .ant-pagination-next button,.workflows-pagination .ant-pagination-prev button{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:center}.workflows-pagination .ant-pagination-options{margin-left:8px}.workflows-pagination .ant-select-selector{border-radius:4px!important;height:28px!important}.workflows-pagination .ant-select-selection-item{line-height:26px!important}.creation-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}.creation-option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .2s ease}.creation-option:hover{border-color:#2563eb;box-shadow:0 12px 24px #2563eb1a;transform:translateY(-4px)}.creation-option.selected{background:#f0f7ff;border-color:#2563eb}.creation-option-icon{align-items:center;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-radius:24px;color:#2563eb;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.creation-option h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:12px}.creation-option p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:16px}.creation-option-features{margin-top:20px;text-align:left}.creation-option-feature{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.creation-option-feature .anticon{color:#2563eb}.creation-steps{padding:24px}.creation-step{animation:fadeIn .3s ease;margin-bottom:24px}.creation-step-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.creation-step-number{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.creation-step-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.template-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.template-card:hover{border-color:#2563eb;box-shadow:0 8px 16px #0000000d;transform:translateY(-2px)}.template-card h4{color:#1e293b;font-size:15px;margin:0 0 8px}.template-card p{color:#64748b;font-size:13px;margin:0}.ai-prompt-section{background:#f8fafc;border-radius:12px;margin-top:16px;padding:20px}.ai-prompt-input{margin-bottom:16px}.ai-prompt-input textarea{border-color:#e2e8f0;border-radius:12px;font-size:15px;padding:16px;resize:none}.ai-prompt-input textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ai-prompt-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-prompt-suggestion{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.ai-prompt-suggestion:hover{background:#2563eb;border-color:#2563eb;color:#fff}@media (max-width:768px){.creation-options,.template-grid{grid-template-columns:1fr}}.workflow-status{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-status-icon{flex-shrink:0}.workflow-status-text{overflow:hidden;text-overflow:ellipsis}.meta-item .anticon,.stat-item .anticon{flex-shrink:0}.created-by,.workflow-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-description,.workflow-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal}.workflow-card .ant-space,.workflow-card .ant-space-item{width:100%}.filters-panel{background:linear-gradient(180deg,#fafcff,#f8fafc);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000008;padding:20px 24px;transition:all .3s ease}.filter-select{border-radius:8px;box-shadow:0 1px 4px #00000008}.filter-select .ant-select-selector{border:1px solid #e2e8f0!important;border-radius:8px!important;height:36px!important;padding:0 12px!important;transition:all .2s ease!important}.filter-select:hover .ant-select-selector{border-color:#4263eb!important}.filter-select .ant-select-selection-item{font-size:13px;line-height:34px!important}.filter-dropdown{border-radius:8px!important;box-shadow:0 3px 12px #0000001a!important;overflow:hidden!important;padding:6px!important}.filter-dropdown .ant-select-item{border-radius:6px!important;padding:8px 12px!important;transition:all .15s ease!important}.filter-dropdown .ant-select-item:hover{background:#4263eb14!important}.filter-dropdown .ant-select-item-option-selected{background:#4263eb1a!important;color:#4263eb!important;font-weight:500!important}.sort-btn-group{border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.sort-btn-group .ant-btn{border-color:#e2e8f0;font-size:13px;height:36px;transition:all .2s ease}.sort-btn-active{background:#4263eb!important;border-color:#4263eb!important;box-shadow:0 2px 6px #4263eb1f;color:#fff!important}.sort-btn:hover{border-color:#4263eb;color:#4263eb;z-index:1}.reset-filters-btn{color:#4263eb;font-size:13px;height:auto;padding:0}.reset-filters-btn:hover{color:#2240b5;text-decoration:underline}.custom-switch{background:#d9e1f2}.custom-switch.ant-switch-checked{background:#4263eb}.workflow-tabs{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px}.custom-tabs .ant-tabs-nav{margin-bottom:0}.custom-tabs .ant-tabs-tab{margin:0;padding:10px 16px;transition:all .2s ease}.custom-tabs .ant-tabs-tab:hover{color:#4263eb}.custom-tabs .ant-tabs-tab-active{background:#0000}.custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#4263eb!important;font-weight:500}.custom-tabs .ant-tabs-ink-bar{background:#4263eb;border-radius:3px 3px 0 0;height:3px}.tab-item{align-items:center;display:flex;gap:8px}.tab-item,.tab-item .anticon{font-size:14px}:root{--primary-color:#4f46e5;--navy-blue:#172554;--accent-blue:#3b82f6;--surface-light:#fff;--surface-subtle:#f9fafb;--border-light:#e5e7eb;--border-subtle:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition-fast:0.15s ease;--transition-smooth:0.3s cubic-bezier(0.34,1.56,0.64,1)}.sidebar-wrapper{background:#fff;background:var(--surface-light);bottom:0;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);left:0;overflow:hidden;position:absolute;top:0;transition:width .3s cubic-bezier(.34,1.56,.64,1);transition:width var(--transition-smooth);-webkit-user-select:none;user-select:none;width:375px;z-index:10}.sidebar-wrapper.collapsed{width:0}.flow-builder-container{left:375px;transition:left var(--transition-smooth)}.task-sidebar{background:#fff;background:var(--surface-light);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);bottom:0;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:width .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1);transition:width var(--transition-smooth),box-shadow var(--transition-smooth);width:375px;z-index:10}.task-sidebar:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.task-sidebar.collapsed{width:0}.task-sidebar-header{background-color:#fff;border-bottom:none;display:flex;flex-direction:column;padding:0}.task-sidebar-header.compact{padding:0}.library-header{align-items:center;display:flex;gap:8px;padding:4px 16px 6px;position:relative}.library-header:after{bottom:-1px;content:"";height:1px;left:16px;opacity:.7;position:absolute;right:16px}.task-sidebar-title{color:#4f46e5;color:var(--primary-color);font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.sidebar-search{max-width:100%;padding:0 16px 12px;width:100%}.search-container .ant-input-affix-wrapper{background-color:#f9fafb;background-color:var(--surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:38px;transition:all .15s ease;transition:all var(--transition-fast)}.search-container .ant-input-affix-wrapper-focused,.search-container .ant-input-affix-wrapper:focus,.search-container .ant-input-affix-wrapper:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e526}.categories-tabs{background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 6px}.category-tab{background-color:#f9fafb;background-color:var(--surface-subtle);border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#374151;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;margin-bottom:2px;overflow:hidden;padding:2px 10px;position:relative;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.category-tab:before{background:#4f46e5;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.category-tab:hover:before{width:100%}.category-tab:hover{background-color:#f5f5ff;color:#4f46e5;color:var(--primary-color);transform:translateY(-1px)}.category-tab.active{background-color:#4f46e5;background-color:var(--primary-color);box-shadow:0 4px 8px #4f46e540;color:#fff;font-weight:500}.category-tab.active:before{display:none}.category-icon{color:inherit;flex-shrink:0}.task-sidebar-content{background-color:#fff;background-color:var(--surface-light);flex:1 1;overflow-y:auto;padding:12px 10px;scroll-behavior:smooth;scrollbar-color:#5354e5;scrollbar-width:thin}.task-sidebar-content::-webkit-scrollbar{background:#5354e5;width:6px}.task-sidebar-content::-webkit-scrollbar-track{background:#5354e5;border-radius:6px}.task-sidebar-content::-webkit-scrollbar-thumb{background-color:#172554;background-color:var(--navy-blue);border-radius:6px}.subcategories-container{display:flex;flex-direction:column;gap:16px;width:100%}.subcategory-card{background:#f9fafb;background:var(--surface-subtle);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 2px 8px #00000008;box-sizing:border-box;margin-bottom:2px;overflow:hidden;padding:10px 12px;position:relative;transition:all .25s cubic-bezier(.17,.67,.83,.67);width:100%}.subcategory-card:hover{border-color:#e5e7eb;border-color:var(--border-light);box-shadow:0 8px 20px #00000014;transform:none}.subcategory-card:before{background:linear-gradient(90deg,#4f46e5,#3b82f6);background:linear-gradient(to right,var(--primary-color),var(--accent-blue));content:"";height:3px;left:0;opacity:.7;position:absolute;top:0;transition:height .3s ease,opacity .3s ease;width:100%}.subcategory-card:hover:before{height:4px;opacity:1}.subcategory-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.subcategory-title{color:#111827;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600}.task-count{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;transform:scale(1);transition:transform .2s ease,box-shadow .2s ease}.subcategory-card:hover .task-count{border:none;box-shadow:0 2px 6px #4f46e580;transform:scale(1.05)}.subcategory-description{color:#6b7280;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:14px;transition:color .2s ease}.subcategory-card:hover .subcategory-description{color:#374151;color:var(--text-secondary)}.node-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px;width:100%}.node-item{align-items:center;background:#fff;background:var(--surface-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:grab;display:flex;font-size:12px;height:auto;min-height:42px;overflow:hidden;padding:8px;position:relative;transition:all .2s cubic-bezier(.17,.67,.83,.67);width:100%}.node-item:hover{background:linear-gradient(90deg,#f8f8ff,#f0f5ff);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 6px 12px #4f46e51f;transform:translateY(-2px) scale(1.01);z-index:1}.node-item.dragging,.node-item:active{background:#eef1ff;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 2px 4px #4f46e51a;cursor:grabbing;opacity:.95;transform:scale(.98)}.node-item:after{border-radius:10px;bottom:0;box-shadow:0 0 0 0 #4f46e500;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow .3s ease}.node-item:hover:after{box-shadow:0 0 0 2px #4f46e540}.node-icon{align-items:center;align-self:center;background-color:#4f46e50d;border-radius:6px;box-shadow:0 0 0 0 #4f46e500;color:#4f46e5;color:var(--primary-color);display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;opacity:.85;padding:3px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:24px}.node-item:hover .node-icon{background-color:#4f46e526;box-shadow:0 0 0 4px #4f46e51a;color:#3b82f6;color:var(--accent-blue);opacity:1;transform:scale(1.1) rotate(5deg)}.node-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:4px;margin-right:6px;min-width:0;overflow:hidden}.node-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--text-secondary);display:-webkit-box;font-size:12px;font-weight:500;line-height:1.2;max-width:100%;min-height:14px;overflow:hidden;padding-right:4px;text-overflow:ellipsis;transition:color .2s ease;white-space:normal}.node-item:hover .node-name{color:#111827;color:var(--text-primary);font-weight:600}.drag-handle{align-items:center;align-self:center;background-color:initial;border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:grab;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.6;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:22px}.node-item:hover .drag-handle{background-color:#4f46e5;background-color:var(--primary-color);box-shadow:0 2px 4px #4f46e54d;color:#fff;opacity:1}.drag-plus{opacity:.8;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.node-item:hover .drag-plus{cursor:pointer;opacity:1;transform:rotate(90deg)}@keyframes nodeEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subcategory-card .node-item{animation:nodeEntrance .3s ease forwards;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.05s)}.search-results{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:16px}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 4px}.search-result-count{color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:500}.clear-search-btn{background:none;border:none;border-radius:4px;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;padding:5px 10px;transition:all .15s ease;transition:all var(--transition-fast)}.clear-search-btn:hover{background-color:#4f46e51a;transform:translateY(-1px)}.search-result-card{border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color)}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;left:375px;position:absolute;top:10px;transition:left .3s cubic-bezier(.34,1.56,.64,1),transform .2s ease,background-color .2s ease,box-shadow .2s ease;transition:left var(--transition-smooth),transform .2s ease,background-color .2s ease,box-shadow .2s ease;width:32px;z-index:11}.sidebar-toggle:hover{background-color:#f9fafb;background-color:var(--surface-subtle);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#4f46e5;color:var(--primary-color);transform:scale(1.05)}.sidebar-toggle.collapsed{left:10px}.subcategory-card{animation:fadeIn .3s ease}.node-editor{background-color:#fff;background-color:var(--surface-light);bottom:0;box-sizing:border-box;color:#111827;color:var(--text-primary);height:100%;left:0;overflow-y:auto;padding:16px;position:absolute;right:0;scrollbar-color:#5354e5;scrollbar-width:thin;top:0;width:100%}.node-editor::-webkit-scrollbar{width:6px}.node-editor::-webkit-scrollbar-track{background:#fff;background:var(--surface-light);border-radius:6px}.node-editor::-webkit-scrollbar-thumb{background-color:#172554;background-color:var(--navy-blue);border-radius:6px}.node-editor-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.node-editor .ant-card{border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;transition:box-shadow .2s ease}.node-editor .ant-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.node-editor .ant-card-head{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);min-height:42px;padding:0 16px}.node-editor .ant-card-head-title{font-weight:600;padding:10px 0}.node-editor .ant-card-body{padding:16px}.node-editor .ant-alert{margin-bottom:16px}.node-editor .ant-alert-info{background-color:#e6f4ff;border-left:4px solid #1677ff}.node-editor .ant-alert-warning{background-color:#fffbe6;border-left:4px solid #faad14}.node-editor .ant-alert-error{background-color:#fff2f0;border-left:4px solid #ff4d4f}.node-editor .ant-alert-message{font-size:14px;font-weight:500}.node-editor .ant-alert-description{color:#374151;color:var(--text-secondary);font-size:13px}.node-editor .ant-input,.node-editor .ant-select,.node-editor .ant-select-selector{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transition:all .2s ease}.node-editor .ant-input:hover,.node-editor .ant-select:hover .ant-select-selector{border-color:#4f46e5;border-color:var(--primary-color)}.node-editor .ant-input-focused,.node-editor .ant-input:focus,.node-editor .ant-select-focused .ant-select-selector{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.variable-input-wrapper{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;display:flex;overflow:hidden;transition:border .2s ease}.variable-input-wrapper:focus-within,.variable-input-wrapper:hover{border-color:#4f46e5;border-color:var(--primary-color)}.variable-prefix{align-items:center;background-color:#f9fafb;background-color:var(--surface-subtle);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);color:var(--text-muted);display:flex;font-weight:500;height:100%;padding:0 8px}.variable-input-wrapper .ant-input{border:none;border-radius:0;box-shadow:none}.variable-input-wrapper .ant-input-focused,.variable-input-wrapper .ant-input:focus{box-shadow:none}.node-editor .ant-badge .ant-badge-count{border-radius:9px;font-size:11px;font-weight:500;height:18px;line-height:18px;padding:0 6px}.node-editor .ant-collapse{background:#0000;border:none}.node-editor .ant-collapse-ghost>.ant-collapse-item{border-bottom:none}.node-editor .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{background-color:initial}.node-editor .ant-collapse-header{background-color:#f9fafb;background-color:var(--surface-subtle);border-radius:6px!important;padding:8px 12px!important}.node-editor .ant-collapse-content-box{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:0 0 6px 6px;border-top:none;padding:12px!important}.node-editor .ant-select-item{align-items:center;display:flex;padding:8px 12px}.node-editor .ant-select-item-option-selected{background-color:#4f46e51a}.node-editor .ant-select-item-option-active{background-color:#4f46e50d}.node-editor .ant-btn{align-items:center;border-radius:6px;display:inline-flex;gap:6px;justify-content:center;transition:all .2s ease}.node-editor .ant-btn:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.node-editor .ant-btn-link{color:#4f46e5;color:var(--primary-color)}.node-editor .ant-btn-link:hover{background-color:#4f46e50d;color:#3730a3}.node-editor .ant-typography strong,.node-editor h4.ant-typography{color:#111827;color:var(--text-primary);font-weight:600}.node-editor .ant-typography-secondary{color:#6b7280;color:var(--text-muted)}.ant-tooltip .ant-tooltip-inner{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:280px;padding:10px 14px}.ant-tooltip .ant-tooltip-arrow-content,.ant-tooltip .ant-tooltip-inner{background-color:#fff;border:1px solid #e5e7eb}.node-tooltip-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.node-tooltip-title{border-bottom:1px solid #17255426;color:#172554;color:var(--navy-blue);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;padding-bottom:4px}.node-tooltip-description{color:#374151;font-size:12px;line-height:1.5}.node-editor .ant-spin{align-items:center;display:inline-flex;flex-direction:column;gap:8px;justify-content:center}.node-editor .ant-spin-text{color:#6b7280;color:var(--text-muted);font-size:13px;margin-top:8px}.description-text{align-items:flex-start;color:#6b7280;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:6px}.description-text svg{margin-top:2px}@media (max-width:768px){.task-sidebar{width:375px}.sidebar-toggle{left:375px}@media (max-width:480px){.node-list{grid-template-columns:1fr}.node-editor{padding:12px 8px}.node-editor .ant-card-body{padding:12px}}}.node-editor-header-container{margin-bottom:8px}.node-editor-header{align-items:center;display:flex;gap:10px;margin-bottom:4px!important}.node-editor-subheader{font-size:13px;margin-left:30px}.editor-collapse .ant-collapse-header{background-color:#f9fafb;border-radius:8px!important;padding:8px 16px!important}.editor-collapse .ant-collapse-content-box{padding:16px 0!important}.advanced-settings-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;width:100%}.advanced-settings-icon{transition:transform .3s ease}.advanced-settings-icon.open{transform:rotate(90deg)}.setting-item{align-items:flex-start;display:flex;justify-content:space-between;padding:4px 0}.setting-item-label{display:flex;flex-direction:column;gap:4px}.setting-item-label span:first-child{font-size:14px;font-weight:500}.node-editor .ant-card-head{background-color:#f9fafb;border-bottom:1px solid #f0f0f0;min-height:40px}.node-editor .ant-card-head-title{font-size:14px;padding:8px 0}.node-editor .ant-alert{border-radius:8px;margin-top:8px}.task-sidebar-content .ant-empty{margin:30px 0;transition:all .3s ease}.task-sidebar-content .ant-empty-image{opacity:.7;transform-origin:center;transition:all .3s ease}.task-sidebar-content .ant-empty:hover .ant-empty-image{opacity:.9;transform:scale(1.05)}.task-sidebar-content .ant-empty-description{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#374151,#4f46e5);background:linear-gradient(to right,var(--text-secondary),var(--primary-color));-webkit-background-clip:text;color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:500;margin-top:12px}.invalid-variable-reference{background-color:#e74c3c0d;border-color:#e74c3c4d!important}.invalid-variable-reference:focus{border-color:#e74c3cb3!important;box-shadow:0 0 0 2px #e74c3c33!important}.contains-invalid-variable{background-color:#e74c3c0d;border-color:#e74c3c4d!important}.contains-invalid-variable:focus{border-color:#e74c3cb3!important;box-shadow:0 0 0 2px #e74c3c33!important}.variable-display{background-color:#3498db1a;border-left:3px solid #3498db;border-radius:4px;margin:6px 0;padding:6px 8px}.variable-display.invalid{background-color:#e74c3c1a;border-left:3px solid #e74c3c}.variable-error{align-items:center;color:#e74c3c;display:flex}.error-icon{margin-right:8px}.error-message{font-weight:500}.variable-info{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:12px}.variable-label{color:#6c757d;font-weight:500;margin-right:8px;min-width:60px}.variable-value{align-items:center;color:#06c;display:inline-flex;font-family:Courier New,monospace;font-weight:500}.variable-value.invalid{color:#e74c3c;text-decoration:line-through}.variable-value.complex .variable-root{color:#06c}.variable-value.complex .variable-path{color:#e67e22}.variable-value.complex.invalid .variable-root{color:#e74c3c}.variable-value.complex.invalid .variable-path{color:#e74c3c;opacity:.8}.variable-list{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.complex-variable-reference{background-color:#3498db14;border-color:#3498db66!important}.contains-variable-reference{background-color:#3498db08}.embedded-variable{background-color:#3498db26;border-radius:3px;font-family:Courier New,monospace;padding:2px 4px}.variable-brackets,.variable-prefix{color:#7f8c8d}.reference-root{color:#06c;font-weight:700}.reference-accessor{color:#e67e22}.reference-property{color:#27ae60}.reference-index{color:#e74c3c}.variable-input-container{width:100%}.variable-suggestions{animation:fadeIn .2s ease;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 3px 12px #00000026;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;width:100%;z-index:1050!important}.variable-suggestions.top{bottom:100%;margin-bottom:4px;margin-top:0}.variable-suggestions.bottom{margin-top:4px;top:100%}.suggestion-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 12px}.suggestion-count{background-color:#f5f5f5;border-radius:10px;color:#8c8c8c;font-size:12px;padding:2px 8px}.suggestion-footer{background-color:#fafafa;border-top:1px solid #f0f0f0;color:#8c8c8c;font-size:12px;padding:6px 12px;text-align:center}.keyboard-shortcut{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:3px;display:inline-block;font-family:Courier New,monospace;font-size:11px;margin:0 3px;padding:1px 5px}.suggestion-list{max-height:180px;overflow-y:auto}.suggestion-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f5f5f5;border-left-color:#1890ff}.suggestion-item.selected{background-color:#e6f7ff;border-left-color:#1890ff}.suggestion-variable-name{align-items:center;display:flex;font-family:Courier New,monospace;font-weight:500}.suggestion-base-name{color:#06c}.suggestion-property-path{color:#e67e22}.suggestion-variable-type{border-radius:10px;font-size:11px;font-weight:500;padding:2px 6px}.suggestion-empty{color:#8c8c8c;font-size:13px;padding:16px;text-align:center}.variable-suggestions-loading{align-items:center;color:#8c8c8c;display:flex;justify-content:center;padding:16px}.variable-input-clear-icon:hover{color:#ff4d4f!important;transform:translateY(-50%) scale(1.2)!important}.complex-variable-reference,.contains-variable-reference,.variable-reference{background-color:#3498db0d;border-color:#3498db4d!important;transition:all .2s ease}.complex-variable-reference:focus,.contains-variable-reference:focus,.variable-reference:focus{border-color:#3498dbb3!important;box-shadow:0 0 0 2px #3498db33!important}.variable-input-container .ant-input-affix-wrapper .variable-suggestions{left:0;width:100%}.ant-card-body,.variable-input-wrapper{position:relative}.variable-prefix{color:#6b7280;font-size:14px;margin-right:4px}.variable-input-tooltip{background-color:#f0f0f0;border-radius:4px;color:#666;font-size:12px;opacity:0;padding:2px 8px;pointer-events:none;position:absolute;right:0;top:-24px;transition:opacity .2s ease}.variable-input-container:hover .variable-input-tooltip{opacity:1}@keyframes selectedPulse{0%{background-color:#e6f7ff}50%{background-color:#bae7ff}to{background-color:#e6f7ff}}.suggestion-item.selected{animation:selectedPulse 1.5s infinite}.builder-layout{background-color:#343c6e;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000a;height:calc(100vh - 64px);position:relative;width:100%}.builder-topbar{background:#fff;border-bottom:1px solid #eaecef;box-shadow:0 1px 3px #0000000d;height:55px;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1000}.topbar-content{height:100%;justify-content:space-between;max-width:100%;padding:0 24px}.topbar-content,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-divider{background:#e5e7eb;height:24px;margin:0 8px;width:1px}.topbar-titles{display:flex;flex-direction:column;gap:6px}.topbar-titles h1{color:#111827;font-size:16px;font-weight:600;line-height:1.2;margin:0}.topbar-titles h2{color:#6b7280;font-size:13px;font-weight:400;line-height:1.2;margin:0}.topbar-icon-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:40px}.topbar-icon-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.topbar-icon-button:active{background:#f3f4f6;transform:translateY(1px)}.topbar-icon-button.disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.topbar-icon-button.loading{opacity:.7;pointer-events:none}.topbar-icon-button svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.execute-button-group,.topbar-actions-group{display:flex;gap:8px}.topbar-action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:0 16px;transition:all .2s ease}.topbar-action-button:hover{background:#f9fafb;border-color:#d1d5db}.topbar-action-button:active{background:#f3f4f6;transform:translateY(1px)}.topbar-action-button svg{height:20px;width:20px}.topbar-action-button.primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.topbar-action-button.primary:hover{background:#4338ca;border-color:#4338ca}.topbar-action-button.warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.topbar-action-button.warning:hover{background:#d97706;border-color:#d97706}.topbar-action-button.loading{opacity:.7;pointer-events:none}.topbar-version-actions{display:flex;gap:8px}.topbar-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;gap:8px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.topbar-button:hover{background:#f9fafb;border-color:#d1d5db}.topbar-button:active{background:#f3f4f6}.topbar-button svg{flex-shrink:0;height:20px;width:20px}.topbar-button.primary{background:#4f46e5;border-color:#4f46e5}.topbar-button.primary:hover{background:#4338ca;border-color:#4338ca}.topbar-button.primary:active{background:#3730a3}.topbar-button.saving{animation:save-pulse .5s ease;opacity:.8;pointer-events:none}.topbar-button.primary:disabled{background:var(--primary-color);opacity:.7}.animate-spin{animation:spin 1s linear infinite;border:none}.workflow-loader{align-items:center;background:#2d3250;bottom:0;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.workflow-loader span{color:#fff;font-size:16px;font-weight:500}@keyframes save-pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width:768px){.topbar-action-button span{display:none}.topbar-action-button{justify-content:center;padding:0;width:40px}}@media (max-width:640px){.topbar-button span{display:none}.topbar-button{padding:0 12px}.topbar-titles h1{font-size:15px}.topbar-titles h2{font-size:13px}}.variable-input-container{background-color:#fff;border-radius:8px;margin-bottom:50px;position:relative}.variable-aware-input{background-color:initial!important;position:relative;z-index:1}.variable-highlight-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.variable-reference{border-radius:4px;cursor:help;margin:0 2px;padding:2px 4px}.variable-reference.valid{background-color:#4f46e51a;color:#4f46e5}.variable-reference.invalid{background-color:#ef44441a;color:#ef4444}.variable-errors{margin-top:70px}.variable-error{color:#ef4444;font-size:12px;margin-bottom:4px}.param-label{align-items:center;display:flex;gap:8px;margin-bottom:8px}.param-helper-text{color:#6b7280;font-size:12px}.flow-version-container{height:93vh;position:relative;width:100%}.flow-builder-container{bottom:0;left:380px;overflow:hidden;position:absolute;right:0;top:0;transition:left .3s cubic-bezier(.34,1.56,.64,1);will-change:left}.flow-builder-container.sidebar-collapsed{left:0}.react-flow__renderer{z-index:0}.react-flow__node-GROUP{pointer-events:all!important;z-index:-10!important}.react-flow__node:not(.react-flow__node-GROUP){pointer-events:auto!important;z-index:20!important}.react-flow__edge{pointer-events:stroke!important;z-index:25!important}.react-flow__edge-path{stroke-width:2px!important;z-index:25!important}.react-flow__edge-text{z-index:26!important}.react-flow__connection-path{stroke-width:2.5px!important;z-index:25!important}.react-flow__node.dragging .group-node{box-shadow:0 8px 24px #0003;opacity:.8;transform:scale(1.01)}.group-node{box-shadow:0 4px 12px #00000026;cursor:move!important;position:relative;transition:all .2s ease}.group-node:hover{box-shadow:0 6px 16px #0003}.group-node .group-header{font-size:20px;font-weight:600;text-shadow:0 1px 1px #0003}.group-node.selected{animation:pulse-selection 2s ease-in-out infinite;box-shadow:0 0 0 2px #fff9,0 8px 20px #0003}@keyframes pulse-selection{0%{box-shadow:0 0 0 2px #fff9,0 8px 20px #0003}50%{box-shadow:0 0 0 2px #ffffff4d,0 8px 20px #0003}to{box-shadow:0 0 0 2px #fff9,0 8px 20px #0003}}.node-drag-handle{cursor:move!important;pointer-events:all!important}.react-flow__handle{background-color:#84c5f0!important;height:16px!important;transition:transform .2s ease,border-color .2s ease;width:16px!important;z-index:10!important}.react-flow__handle:hover{border-color:#0096ff!important}.node-count-badge{box-shadow:0 2px 4px #0003;transition:all .2s ease}.group-node:hover .node-count-badge{background-color:#0006!important;transform:scale(1.05)}.edit-button{opacity:.6;transition:opacity .2s ease}.group-node:hover .edit-button{opacity:1}.react-flow__edge{pointer-events:none!important}.react-flow__edge-path{pointer-events:stroke!important}@keyframes node-added{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (forced-colors:active){.react-flow__edge-path{stroke:CanvasText!important;stroke-width:3px!important}.group-node{border:2px solid CanvasText!important}}@media (prefers-reduced-motion:reduce){.group-node{transition:none!important}}.react-flow__node.selected{animation:node-selection-pulse 1.5s ease-in-out infinite;filter:brightness(1.05);transform:scale(1.01);transition:all .1s ease-out;z-index:10!important}@keyframes node-selection-pulse{0%{box-shadow:0 8px 24px #00000026}50%{box-shadow:0 8px 24px #64c6ec}to{box-shadow:0 8px 24px #00000026}}.react-flow__node.multi-selected,.react-flow__node.shift-selected{box-shadow:0 0 0 3px #4fe584cc!important;filter:brightness(1.05);z-index:11!important}.multi-select-hint{align-items:center;background:#4f46e5cc;border:1px solid #ffffff1a;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:14px;gap:8px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;-webkit-user-select:none;user-select:none;z-index:100}.multi-select-hint .key{background:#fff3;border-radius:4px;font-family:monospace;font-weight:700;padding:2px 6px}.highlight-pulse{animation:highlightPulse 2s infinite}@keyframes highlightPulse{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}.node-connection-modal .ant-modal-content{border-radius:12px;overflow:hidden}.node-connection-modal .ant-modal-header{background:linear-gradient(135deg,#4f46e5,#6366f1);border-bottom:none;padding:16px 24px}.node-connection-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.node-connection-modal .ant-modal-close{color:#fffc}.node-connection-modal .ant-modal-close:hover{color:#fff}.node-connection-modal .ant-modal-body{max-height:70vh;overflow-y:auto;padding:20px 24px}.node-connection-search{margin-bottom:20px}.node-connection-search .ant-input-affix-wrapper{border-radius:8px;box-shadow:0 2px 6px #0000000d;height:42px}.node-connection-search .ant-input{font-size:15px}.category-tabs{margin-bottom:16px}.category-tabs .ant-tabs-tab{align-items:center;display:flex;font-size:14px;gap:8px;padding:8px 16px}.category-tabs .ant-tabs-tab-active{font-weight:600}.category-section{margin-bottom:24px}.category-title{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:12px}.task-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.task-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.task-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;transform:translateY(-2px)}.task-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#4f46e5;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.task-info{display:flex;flex-direction:column;gap:2px}.task-title{color:#111827;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-subtitle{color:#6b7280;font-size:12px}.workflow-node{position:relative}.flow-custom-controls{bottom:12px;display:flex;flex-direction:row;gap:8px;left:60px;position:absolute;z-index:10}.flow-control-button{align-items:center;background:#fffc;border:1px solid #00000026;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.flow-control-button:hover{background:#fff;box-shadow:0 3px 6px #00000026;color:#111827;transform:translateY(-1px)}.flow-control-button:active{transform:translateY(0)}.flow-control-button.disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.flow-control-button svg{height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.menu-item-content{align-items:center;display:flex;gap:8px;padding:4px 0}.menu-item-content svg{color:#4f46e5;flex-shrink:0}.workflow-actions-menu{min-width:180px}.workflow-menu-item{transition:all .2s ease}.workflow-menu-item:hover .menu-item-content svg{color:#4338ca}.workflow-actions-dropdown .ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;padding:4px}.workflow-actions-dropdown .ant-dropdown-menu-item{border-radius:6px;padding:8px 12px;transition:all .2s}.workflow-actions-dropdown .ant-dropdown-menu-item:hover{background-color:#f3f4ff}.workflow-actions-dropdown .ant-dropdown-menu-item-disabled{color:#9ca3af!important;cursor:not-allowed}.workflow-actions-dropdown .ant-dropdown-menu-item-disabled .menu-item-content svg{color:#9ca3af}.executions-wrapper{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.executions-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;justify-content:space-between;padding:0 24px;width:100%;z-index:10}.filter-buttons-container{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.filter-dropdown-button{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;height:32px;margin-right:4px;padding:0 12px}.filter-dropdown-button:hover{background:#e2e8f0;color:#1e293b}.refresh-button{align-items:center;background:#0000;border-radius:6px;color:#64748b;display:flex;height:32px;justify-content:center;padding:0;width:32px}.refresh-button:hover{background:#e2e8f0;color:#1e293b}.executions-content-wrapper{flex:1 1;max-height:calc(100vh - 60px);overflow:auto;padding:24px}.header-left,.header-right{align-items:center;display:flex;gap:16px}.header-titles{display:flex;flex-direction:column}.header-titles .ant-typography{margin:0!important}.header-titles h4.ant-typography{font-size:18px;line-height:1.3;margin-top:2px!important}.workflow-description{color:#64748b;font-size:14px;margin-top:4px!important;max-width:500px}.header-controls{gap:8px}.back-button,.header-controls{align-items:center;display:flex}.back-button{background:#0000;border-radius:6px;color:#64748b;font-size:13px;gap:6px;height:34px;padding:0 14px;transition:all .2s ease}.back-button:hover{background:#f0f7ff;color:#2563eb}.back-button .anticon{font-size:14px}.execute-button{align-items:center;background:#2563eb;border:none;border-radius:6px;box-shadow:0 1px 2px #2563eb0d;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;height:34px;padding:0 16px;transition:all .15s ease;white-space:nowrap}.execute-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb26;transform:translateY(-1px)}.execute-button .anticon{font-size:14px}.search-input{transition:all .2s ease;width:220px}.search-input:focus-within{width:260px}.search-input .ant-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;height:34px;padding:6px 12px 6px 32px;transition:all .15s ease}.search-input .ant-input:hover{background:#fff;border-color:#cbd5e1}.search-input .ant-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.search-input .ant-input-prefix{color:#94a3b8;font-size:15px;margin-left:8px;margin-right:6px}.stats-section{margin-bottom:24px}.stats-card{border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:100%;overflow:hidden;transition:all .2s ease}.stats-card:hover{box-shadow:0 6px 16px #2563eb1a;transform:translateY(-2px)}.stats-card .ant-card-body{padding:16px}.stats-card-content{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.stats-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.total-card .stats-icon{background:#eff6ff;color:#3b82f6}.success-card .stats-icon{background:#ecfdf5;color:#10b981}.duration-card .stats-icon{background:#f5f3ff;color:#8b5cf6}.credits-card .stats-icon{background:#eef2ff;color:#6366f1}.stats-info{flex:1 1}.stats-value{align-items:baseline;color:#1e293b;display:flex;font-size:24px;font-weight:600;line-height:1.2}.stats-unit{color:#64748b;font-size:14px;font-weight:500;margin-left:4px}.stats-label{color:#64748b;font-size:13px;margin-top:4px}.stats-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.stats-card .ant-progress{margin-top:2px}.stats-card .ant-tag{border-radius:4px;font-size:12px;line-height:1.2;margin-right:0;padding:2px 8px}.executions-list{margin-bottom:60px}.executions-table-card{border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d}.executions-table-card .ant-card-head{background:#f8fafc;border-bottom:1px solid #f0f5ff;min-height:48px;padding:0 20px}.executions-table-card .ant-card-head-title{font-size:15px;font-weight:600;padding:12px 0}.executions-table-card .ant-card-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.card-title{align-items:center;display:flex;gap:8px}.title-icon{color:#3b82f6;font-size:16px}.executions-table{width:100%}.executions-table .ant-table-container{border-radius:0 0 12px 12px;overflow:hidden}.executions-table .ant-table-wrapper{display:flex;flex-direction:column;height:100%}.executions-table .ant-spin-container,.executions-table .ant-spin-nested-loading,.executions-table .ant-table,.executions-table .ant-table-container{display:flex;flex:1 1;flex-direction:column}.executions-table .ant-table-content{flex:1 1}.executions-table .ant-table-body{max-height:50vh!important;overflow-y:auto!important}.executions-table .ant-table-thead>tr>th{background:#f8fafc;border-bottom:1px solid #f1f5f9;color:#475569;font-size:13px;font-weight:500;padding:12px 16px}.executions-table .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px 16px;transition:all .2s ease}.executions-table .ant-table-tbody>tr:hover>td{background-color:#f8fafc}.executions-table .ant-table-tbody>tr.status-completed>td{background-color:#10b98108}.executions-table .ant-table-tbody>tr.status-failed>td{background-color:#ef444408}.executions-table .ant-table-tbody>tr.status-running>td{background-color:#3b82f608}.executions-table .ant-pagination{background:#fff;border-radius:0 0 12px 12px;margin:16px 0!important;padding:16px;text-align:center}.executions-table .ant-pagination-item-active{background:#2563eb;border-color:#2563eb}.executions-table .ant-pagination-item-active a{color:#fff}.executions-table .ant-pagination-item,.executions-table .ant-pagination-next,.executions-table .ant-pagination-prev{border-radius:4px}.status-tag{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:4px;justify-content:center;line-height:1.4;min-width:80px;padding:2px 8px;text-transform:capitalize}.status-tag,.status-tag .anticon{font-size:12px}.status-tag.status-completed{background:#10b9811a;border-color:#10b98133;color:#10b981}.status-tag.status-running{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6}.status-tag.status-failed{background:#ef44441a;border-color:#ef444433;color:#ef4444}.status-tag.status-pending{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.status-tag.status-stopped{background:#6b72801a;border-color:#6b728033;color:#6b7280}.trigger-tag{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:4px;line-height:1.4;padding:2px 8px}.trigger-tag,.trigger-tag .anticon{font-size:12px}.action-button{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:4px;height:30px;padding:0 10px;transition:all .2s ease}.details-button{color:#475569}.details-button:hover{background:#eff6ff;color:#2563eb}.phases-button{color:#3b82f6}.phases-button:hover{background:#eff6ff;color:#2563eb}.stop-button,.stop-button:hover{border-color:#ef4444}.stop-button:hover{background:#fef2f2;color:#dc2626}.empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:32px auto;max-width:600px;padding:64px 24px;text-align:center}.empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}.empty-description{margin-bottom:24px}.empty-description h5.ant-typography{font-size:18px;margin-bottom:8px!important}.empty-description .ant-typography-secondary{font-size:14px;margin:0 auto;max-width:400px}.start-execution-button{align-items:center;background:#2563eb;border:none;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;height:38px;padding:0 20px;transition:all .2s ease}.start-execution-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.loading-container{justify-content:center;min-height:400px}.loading-container,.user-cell{align-items:center;display:flex}.user-cell{gap:8px}.user-name{color:#1e293b;font-size:13px}.execution-details-modal .ant-modal-content{border-radius:12px;overflow:hidden}.execution-details-modal .ant-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:16px 24px}.execution-details-modal .ant-modal-body{padding:20px 24px}.execution-details-modal .ant-modal-footer{border-top:1px solid #f1f5f9;padding:12px 24px}.modal-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.modal-icon{color:#3b82f6;font-size:18px}.status-overview{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.status-overview.status-completed{background:#10b9811a}.status-overview.status-failed{background:#ef44441a}.status-overview.status-running{background:#3b82f61a}.status-overview.status-pending{background:#f59e0b1a}.status-overview.status-stopped{background:#6b72801a}.status-text{font-size:15px;font-weight:500}.phases-summary{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.phases-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.phases-stats{display:flex;gap:6px}.phases-stats .ant-tag{border-radius:4px;font-size:12px;line-height:1;margin-right:0;padding:2px 6px}.phases-list{margin-top:16px}.phase-item{border-radius:6px;margin-bottom:8px;padding:10px}.phase-item.status-completed{background:#10b9810d}.phase-item.status-failed{background:#ef44440d}.phase-item.status-running{background:#3b82f60d}.phase-number{background:#e2e8f0;border-radius:50%;color:#475569;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.phase-content,.phase-number{align-items:center;display:flex}.phase-content{flex:1 1;justify-content:space-between}.phase-name{color:#1e293b;font-weight:500}.phase-status{font-size:12px}.more-phases{background:#f1f5f9;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;margin-top:8px;padding:8px;text-align:center}.more-phases:hover{background:#e2e8f0;color:#475569}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-value{align-items:center;color:#1e293b;display:flex;font-size:14px;gap:6px}.monospace{background:#f8fafc;border-radius:4px;color:#475569;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;padding:4px 8px;word-break:break-all}.duration-seconds{color:#64748b;font-size:13px;margin-left:4px}.user-info{align-items:center;display:flex;gap:8px}.stop-confirmation{align-items:flex-start;display:flex;gap:16px}.warning-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.warning-message{display:flex;flex-direction:column;gap:8px}@media (max-width:1200px){.executions-content-wrapper{padding:24px 24px 80px}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.executions-header{align-items:flex-start;flex-direction:column;gap:16px;height:auto;padding:16px}.header-left,.header-right{width:100%}.header-right{flex-direction:column;gap:12px}.search-input{width:100%!important}.header-controls{justify-content:space-between;width:100%}.executions-content-wrapper{padding:16px 16px 80px}}.active-filters{align-items:center;display:inline-flex;gap:8px;margin-left:12px}.filter-tag{align-items:center;border-radius:4px;display:flex;font-weight:500;gap:4px;margin-right:0;padding:2px 8px}.filter-tag,.filter-tag .anticon{font-size:12px}.execution-sidebar{background:#fff;border-right:1px solid #e5e7eb;bottom:0;display:flex;flex-direction:column;left:78px;overflow-x:hidden;position:fixed;top:64px;width:380px;z-index:10}.execution-sidebar-content{flex:1 1;overflow-y:auto;padding:14px 12px;scrollbar-color:#5354e5 #0000;scrollbar-width:thin}.execution-sidebar-content::-webkit-scrollbar{width:4px}.execution-sidebar-content::-webkit-scrollbar-track{background:#0000}.execution-sidebar-content::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:4px}.execution-section{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:12px}.section-title{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.status-badge{align-items:center;background:#f3f4f6;border-radius:4px;color:#374151;display:inline-flex;font-size:12px;font-weight:400;gap:6px;padding:3px 6px}.timing-info{display:flex;flex-direction:column;gap:3px}.timing-item{align-items:center;color:#374151;display:flex;font-size:12px;justify-content:space-between}.timing-item .label,.timing-item .value{color:#374151;font-weight:400}.progress-info{background:#0000;padding:0}.progress-text{color:#374151;font-size:12px;margin-bottom:4px}.progress-bar{background:#e5e7eb;border-radius:2px;height:3px}.progress-fill{background:#6366f1;border-radius:2px;height:100%}.overview-info{display:flex;flex-direction:column;gap:6px;margin-top:6px}.overview-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;gap:10px;padding:8px;transition:all .2s ease}.overview-item:hover{background:#f3f4f6;transform:translateY(-1px)}.overview-icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#6366f1;display:flex;height:28px;justify-content:center;width:28px}.overview-details{display:flex;flex-direction:column}.overview-label{color:#6b7280;font-size:11px}.overview-value{color:#374151;font-size:14px;font-weight:600}.view-toggle{background:#f3f4f6;border-radius:6px;display:flex;gap:2px;margin-bottom:8px;padding:2px}.view-button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;padding:6px 12px;position:relative;transition:all .2s ease}.view-button:hover{color:#374151}.view-button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2563eb}.active-indicator{background:#2563eb;border-radius:2px;bottom:-2px;box-shadow:0 0 4px #2563eb4d;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.timeline-section{border-bottom:none;flex-grow:1;margin-bottom:0;padding-bottom:0}@media (max-width:768px){.workflow-timeline{padding:0 8px 12px 20px}}.button-content{align-items:center;display:flex;font-weight:500;gap:6px;justify-content:center;letter-spacing:.01em;opacity:1;transition:opacity .2s ease;white-space:nowrap;width:100%}.section-divider{background:#e5e7eb;height:1px;margin:16px 0}.phases-header{margin:16px 0;padding:8px 0}.phases-title{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.phases-list{display:flex;flex-direction:column;gap:4px}.phase-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:8px;text-align:left;width:100%}.phase-number{color:#6b7280;font-size:13px;min-width:16px}.phase-name{color:#374151;font-size:13px;margin:0}.status-badge.completed,.status-badge.created,.status-badge.failed,.status-badge.pending{background:#f3f4f6;color:#374151}.topbar-button{-webkit-font-smoothing:antialiased;align-items:center;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:120px;outline:none;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.topbar-button.primary{background:linear-gradient(180deg,#1677ff,#0958d9);border:none;color:#fff}.topbar-button.primary:hover:not(:disabled){background:linear-gradient(180deg,#4096ff,#1677ff);box-shadow:0 4px 12px #1677ff33;transform:translateY(-1px)}.topbar-button.primary:active:not(:disabled){background:linear-gradient(180deg,#0958d9,#003eb3);box-shadow:0 2px 6px #1677ff26;transform:translateY(0)}.topbar-button.primary.loading{background:linear-gradient(180deg,#1677ff,#0958d9);opacity:.8;pointer-events:none}.topbar-button.primary:disabled{background:linear-gradient(180deg,#4096ff,#1677ff);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.topbar-button.secondary{background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid #d9d9d9;color:#000000e0}.topbar-button.secondary:hover:not(:disabled){background:#fff;border-color:#4096ff;box-shadow:0 4px 12px #1677ff1a;color:#4096ff;transform:translateY(-1px)}.topbar-button.secondary:active:not(:disabled){background:#f0f0f0;box-shadow:0 2px 6px #1677ff14;transform:translateY(0)}.topbar-button.danger{background:linear-gradient(180deg,#ef4444,#dc2626);border:none;color:#fff;text-shadow:0 1px 1px #0000001a}.topbar-button.danger:hover:not(:disabled){background:linear-gradient(180deg,#f87171,#ef4444);box-shadow:0 4px 12px #dc262633;transform:translateY(-1px)}.topbar-button.danger:active:not(:disabled){background:linear-gradient(180deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #dc262626;transform:translateY(0)}.topbar-button.danger.loading{background:linear-gradient(180deg,#ef4444,#dc2626);opacity:.8}.topbar-button.danger:disabled{background:linear-gradient(180deg,#f87171,#ef4444);cursor:not-allowed;opacity:.5}.topbar-button.loading{pointer-events:none}.topbar-button.loading .button-content{opacity:.7;transition:opacity .2s ease}.topbar-button.danger.loading .button-content{opacity:.9}.topbar-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.animate-spin{animation:spin 1s cubic-bezier(.83,0,.17,1) infinite;opacity:1!important;transform-origin:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.topbar-button:after{border-radius:6px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .2s ease}.topbar-button:focus-visible:after{box-shadow:0 0 0 2px #1677ff33;opacity:1}.topbar-button.danger:focus-visible:after{box-shadow:0 0 0 2px #dc262633}.button-wrapper button{margin:0;padding:8px 16px}.branch-count-badge{align-items:center;background:#e0e7ff;border-radius:10px;color:#4f46e5;display:inline-flex;font-size:10px;gap:4px;padding:1px 6px}.multi-level-branch{position:relative}.multi-level-branch:before{background:#e5e7eb;bottom:0;content:"";left:-10px;position:absolute;top:20px;width:2px;z-index:1}.nested-branches-indicator{align-items:center;background:#f3f4f6;border-radius:4px;color:#6366f1;display:inline-flex;font-size:10px;gap:4px;margin-top:4px;padding:2px 6px}.branch-visualization{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-left:8px}.branch-path{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:6px}.branch-path:before{background:#d1d5db;content:"";height:1px;width:8px}.branch-path-label{background:#f3f4f6;border-radius:10px;font-size:10px;padding:1px 6px}.branch-path-label.true{background:#dcfce7;color:#10b981}.branch-path-label.false{background:#fee2e2;color:#ef4444}.collapsed-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.expanded-content{max-height:1000px;transition:max-height .5s ease-in}.timeline-phase.selected .phase-circle{background:#e0e7ff;border-color:#6366f1;color:#4f46e5}.phase-card.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1,0 3px 6px #6366f11a}.branch-line{background:#e5e7eb;position:absolute}.branch-line-horizontal{height:2px}.branch-line-vertical{width:2px}.branch-status-group{align-items:center;display:flex;gap:2px}.mini-status{border-radius:50%;height:6px;width:6px}.mini-status.completed{background:#10b981}.mini-status.running{background:#3b82f6}.mini-status.failed{background:#ef4444}.mini-status.pending{background:#9ca3af}.branch-column:hover .branch-details{max-height:120px;opacity:1;overflow:visible}@media (max-width:640px){.workflow-timeline{padding:0 8px 16px 20px}.branches-section{margin-left:10px}.branch-cards{flex-direction:column;margin-left:16px}.branch-column,.branch-column.hovered,.branch-column.selected{width:calc(100% - 20px)}.branch-card{height:auto;min-height:40px}.branch-details{max-height:none;opacity:1}}.branch-cards.grid-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto}.branches-section.grid{max-width:800px;padding-right:16px;width:calc(100% - 40px)}@media (min-width:768px){.branch-cards.grid-layout .branch-column{width:100%}.branch-cards.grid-layout .branch-column.hovered,.branch-cards.grid-layout .branch-column.selected{width:100%;z-index:20}.branch-cards.grid-layout .branch-card{height:auto;min-height:40px}.branch-cards.grid-layout .branch-details{max-height:0;opacity:0;transition:opacity .15s ease,max-height .2s ease}.branch-cards.grid-layout .branch-column.selected .branch-details,.branch-cards.grid-layout .branch-column:hover .branch-details{max-height:200px;opacity:1}}.branch-pagination{display:flex;gap:4px;justify-content:center;margin-top:8px}.branch-pagination-button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;padding:2px 8px}.branch-pagination-button.active{background:#e0e7ff;border-color:#c7d2fe;color:#4f46e5}.branch-type-indicator{align-items:center;background:#e0e7ff;border-radius:4px;color:#6366f1;display:inline-flex;font-size:11px;gap:4px;margin-left:8px;padding:2px 8px}.branch-type-indicator.switch{background:#ecfeff;color:#0891b2}.branch-type-indicator.parallel{background:#ccfbf1;color:#0d9488}.branch-type-indicator.multi{background:#f3e8ff;color:#7c3aed}.branch-diagram{background:#f9fafb;border-radius:8px;margin-top:16px;overflow-x:auto;padding:16px}.branch-connector-diagram{display:flex;flex-direction:column;min-height:80px;position:relative}.branch-connector-line{background:#d1d5db;position:absolute}.branch-path-item.switch-branch{border-left-color:#0891b2}.branch-path-item.parallel-branch{border-left-color:#0d9488}.branch-path-item.multi-branch{border-left-color:#7c3aed}.templates-layout-modern{background:#f8fafc!important;display:flex;flex-direction:column;height:100vh;min-height:100vh;position:relative}.templates-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;gap:16px;height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-nav,.templates-header{align-items:center;display:flex}.header-nav{gap:4px}.nav-link{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px;height:32px;padding:0 12px}.nav-link:hover{color:#2563eb}.nav-link.active{background:#eff6ff;border-radius:6px;color:#2563eb}.template-hub-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:24px 40px 16px;position:relative}.template-hub-title{margin-bottom:24px;text-align:center}.template-hub-title h2{color:#1e293b;font-size:28px;font-weight:600;margin-bottom:4px}.search-and-filters{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.template-search-container{margin:0 auto 16px;max-width:80%;width:500px}.template-search-input{background:#f8fafc;border-radius:50px;box-shadow:0 2px 8px #0000000d;font-size:15px;height:44px;transition:all .3s ease}.template-search-input:focus,.template-search-input:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.template-search-input .ant-input{background:#0000;padding-left:8px}.template-search-input .ant-input-prefix{margin-right:8px}.search-icon{color:#64748b;font-size:18px}.search-button{background:#6366f1;border:none;height:28px;margin-right:2px;width:28px}.search-button,.search-clear-btn{align-items:center;border-radius:50%;display:flex;justify-content:center}.search-clear-btn{color:#94a3b8;font-size:16px;font-weight:700;height:20px;margin-right:6px;padding:0;width:20px}.search-clear-btn:hover{background:#f1f5f9;color:#475569}.template-actions-container{margin-top:4px}.template-actions-container,.template-filters{align-items:center;display:flex;gap:12px}.filter-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-weight:500;gap:6px;height:36px;padding:0 16px}.filter-button:hover{border-color:#6366f1;color:#6366f1}.sort-select{background:#f8fafc;border-radius:8px;height:36px;min-width:160px}.sort-select:hover{border-color:#6366f1}.category-filter-container{justify-content:center;margin:0 auto;max-width:1200px;overflow:visible;padding:8px 0;width:100%}.category-filter-container,.category-scroll-container{align-items:center;display:flex;gap:8px;position:relative}.category-scroll-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1 1;justify-content:flex-start;max-width:1000px;overflow-x:auto;padding:4px 0;scroll-behavior:smooth;scrollbar-width:none}.category-scroll-container::-webkit-scrollbar{display:none}.category-scroll-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 0 8px #0000001a;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:32px;z-index:2}.category-scroll-nav-btn svg{height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.category-scroll-nav-btn:hover{background:#f8fafc;border-color:#6366f1;box-shadow:0 4px 8px #6366f11a;color:#6366f1;transform:translateY(-1px)}.category-scroll-nav-btn.disabled{background:#f8fafc;box-shadow:none;color:#cbd5e1;cursor:not-allowed;opacity:.5}.prev-button{margin-right:4px}.next-button{margin-left:4px}.custom-category-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;height:36px;margin:0 4px;max-width:none;min-width:-webkit-fit-content;min-width:fit-content;overflow:visible;padding:5px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.custom-category-btn:hover{border-color:#6366f1;box-shadow:0 4px 8px #6366f11a;color:#6366f1;transform:translateY(-1px)}.custom-category-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:500}.custom-category-name{flex:1 1;overflow:visible;padding:0 2px;text-overflow:clip}.category-count{align-items:center;background:#00000014;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;min-width:20px;padding:0 8px}.custom-category-btn.active .category-count{background:#fff3}.templates-content-modern{flex:1 1;overflow-y:auto;padding:0}.template-sections-container{background:#fff;box-shadow:0 2px 8px #0000000d;padding:0 40px 32px}.template-section{animation:fadeIn .4s ease-out;background:#0000;box-shadow:none;margin-bottom:40px;padding:24px 0}.section-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-title-container{display:flex;flex-direction:column;gap:8px}.section-title{color:#1e293b;display:inline-block;font-size:24px;font-weight:600;margin-bottom:0!important;position:relative}.section-description{color:#64748b;font-size:14px;line-height:1.6;margin-top:12px;max-width:600px}.section-actions{align-items:center;display:flex;gap:12px}.see-more-btn,.shuffle-btn{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:6px;height:36px;padding:0 16px}.shuffle-btn{background:#eff6ff;border:none;color:#6366f1}.shuffle-btn:hover{background:#dbeafe}.see-more-btn{background:#fff;border:1px solid #e2e8f0;color:#475569}.see-more-btn:hover{border-color:#6366f1;color:#6366f1}.loading-placeholder{animation:fadeIn .4s ease-out;margin-bottom:40px}.section-header.placeholder{margin-bottom:24px}.section-title-placeholder{background:#f1f5f9;border-radius:4px;height:28px;margin-bottom:8px;width:240px}.section-description-placeholder{background:#f1f5f9;border-radius:4px;height:16px;width:360px}.no-templates-found{padding:60px 0;text-align:center}.empty-description{align-items:center;display:flex;flex-direction:column;gap:16px}.empty-description p{color:#64748b;font-size:16px}.empty-description .ant-btn-primary{background:#6366f1;border:none;border-radius:20px;font-weight:500;height:36px;padding:0 24px}.template-grid{margin-top:16px;transition:opacity .3s ease}.template-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:180px;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1);will-change:transform}.template-card-modern:hover{border-color:#6366f1;box-shadow:0 12px 20px #6366f126;transform:translateY(-4px)}.template-card-modern:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.template-card-modern:hover:before{opacity:1}.template-card-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px;padding-bottom:4px;position:relative}.template-icon-container{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-top:2px;width:36px}.template-card-title-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:48px;overflow:hidden;padding-right:28px}.template-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:block;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;min-height:45px;overflow:hidden}.template-card-subtitle{color:#64748b;font-size:13px;margin-top:2px}.template-description{color:#64748b;flex-grow:1;font-size:13px;line-height:1.5;margin-bottom:12px}.template-like-button{align-items:center;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:4px;position:absolute;right:0;top:0;transition:all .2s ease;width:28px;z-index:1}.template-like-button:hover{background:#ef44441a;color:#ef4444}.template-like-button.liked{color:#ef4444}.template-card-metrics{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px 0}.template-metric{align-items:center;background:#f8fafc;border-radius:16px;color:#64748b;display:flex;font-size:13px;gap:6px;margin-right:4px;padding:4px 8px}.template-metric.likes{background:#ef444414;color:#ef4444}.template-metric.forks{background:#10b98114;color:#10b981}.template-metric.date{color:#475569}.template-card-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.category-tag{color:#475569;padding:0 8px}.category-tag,.tag-count{background:#f1f5f9;border:none;border-radius:4px;font-size:12px;height:22px;line-height:22px}.tag-count{color:#64748b}.category-tag.business{background:#e0f2fe;color:#0369a1}.category-tag.research{background:#ede9fe;color:#7c3aed}.category-tag.organisation{background:#cffafe;color:#0e7490}.category-tag.fun{background:#ffedd5;color:#c2410c}.category-tag.entertainment{background:#fce7f3;color:#be185d}.category-tag.marketing{background:#dcfce7;color:#166534}.category-tag.sales{background:#fef3c7;color:#b45309}.category-tag.devops{background:#f1f5f9;color:#475569}.category-tag.technology{background:#dbeafe;color:#1e40af}.category-tag.health{background:#fee2e2;color:#b91c1c}.category-tag.news{background:#e2e8f0;color:#334155}.category-tag.ai{background:#eff6ff;color:#1d4ed8}.category-tag.team{background:#f0fdf4;color:#166534}.special-tag{border:none;border-radius:4px;font-size:12px;font-weight:500;height:22px;line-height:22px}.template-icon{font-size:22px}.template-icon.business{color:#0284c7}.template-icon.research{color:#8b5cf6}.template-icon.organisation{color:#06b6d4}.template-icon.fun{color:#f97316}.template-icon.entertainment{color:#ec4899}.template-icon.marketing{color:#22c55e}.template-icon.sales{color:#f59e0b}.template-icon.devops{color:#64748b}.template-icon.technology{color:#3b82f6}.template-icon.health{color:#ef4444}.template-icon.news{color:#334155}.template-icon.ai{color:#8b5cf6}.template-icon.team{color:#10b981}.template-icon.default{color:#64748b}.template-card-modern.loading{padding:16px;pointer-events:none}.templates-pagination{background:#fff;border-top:1px solid #e2e8f0;padding:24px 0;text-align:center}.template-modal .ant-modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.template-modal .ant-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px}.template-modal .ant-modal-title{color:#1e293b;font-size:18px;font-weight:600}.template-modal .ant-modal-body{padding:24px}.template-modal-content{display:flex;gap:24px}.template-modal-image{background:#f1f5f9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;flex-shrink:0;height:140px;overflow:hidden;width:200px}.template-modal-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.template-modal-image:hover img{transform:scale(1.05)}.template-modal-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px}.template-modal-meta{align-items:center;display:flex;gap:16px;margin-bottom:16px}.template-modal-meta-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.template-tags-container{margin-bottom:20px}.template-tags-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.template-tags-list{display:flex;flex-wrap:wrap;gap:6px}.template-tag{background:#f1f5f9;border:none;border-radius:4px;color:#475569;font-size:13px;padding:2px 10px}.template-stats{border-top:1px solid #f1f5f9;display:flex;gap:20px;margin-top:12px;padding-top:16px}.template-stat{align-items:center;background:#f8fafc;border-radius:20px;color:#64748b;display:flex;font-size:14px;gap:8px;padding:6px 12px}.template-stat:first-child{background:#ef444414;color:#ef4444}.template-stat:nth-child(2){background:#10b98114;color:#10b981}.template-modal .ant-modal-footer{border-top:1px solid #e2e8f0;padding:16px 24px}.template-modal .ant-btn-primary{background:#6366f1;border:none;border-radius:6px;font-weight:500;height:36px;padding:0 20px}.template-modal .ant-btn-primary:hover{background:#4f46e5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.template-card-modern{animation:scaleIn .3s ease-out forwards;will-change:transform,opacity}.template-grid .ant-col:first-child .template-card-modern{animation-delay:.05s}.template-grid .ant-col:nth-child(2) .template-card-modern{animation-delay:.1s}.template-grid .ant-col:nth-child(3) .template-card-modern{animation-delay:.15s}.template-grid .ant-col:nth-child(4) .template-card-modern{animation-delay:.2s}.template-grid .ant-col:nth-child(5) .template-card-modern{animation-delay:.25s}.template-grid .ant-col:nth-child(6) .template-card-modern{animation-delay:.3s}.template-grid .ant-col:nth-child(7) .template-card-modern{animation-delay:.35s}.template-grid .ant-col:nth-child(8) .template-card-modern{animation-delay:.4s}.template-card-footer,.template-card-metrics,.template-card-modern,.template-card-title-container,.template-icon-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform}@media (max-width:1200px){.template-sections-container{padding:0 24px 32px}.template-hub-header{padding:20px 24px 12px}.template-search-container{width:80%}}@media (max-width:768px){.template-sections-container{padding:0 16px 24px}.template-hub-header{padding:16px 16px 8px}.search-and-filters{align-items:stretch;flex-direction:column;gap:16px}.template-search-container{width:100%}.template-actions-container{justify-content:space-between;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-actions{justify-content:space-between;width:100%}.template-modal-content{flex-direction:column}.template-modal-image{height:180px;width:100%}}.template-tabs{margin-bottom:20px}.template-tabs .ant-tabs-nav{margin-bottom:16px}.template-tabs .ant-tabs-tab{font-size:15px;padding:8px 16px;transition:all .3s ease}.template-tabs .ant-tabs-tab-active{font-weight:600}.template-tabs .ant-tabs-ink-bar{background:#6366f1;border-radius:3px;height:3px}.section-title-with-icon{align-items:center;display:flex;gap:12px;margin-bottom:8px;position:relative}.section-title-with-icon .section-title{margin:0;padding:0;position:relative}.section-title-with-icon .section-title:after,.section-title-with-icon .section-title:before,.section-title-with-icon h3.ant-typography:after,.section-title-with-icon h3.section-title:after,.section-title-with-icon h3:after{background:#0000!important;border:none!important;content:none!important;display:none!important;height:0!important;width:0!important}.section-icon{align-items:center;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.template-badge{border-radius:20px;box-shadow:0 2px 4px #00000026;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:1}.team-list-layout{background-color:#f0f2f5;height:100vh}.team-list-content{background:#0000}.team-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 24px}.add-teammate-button{border:none;border-radius:4px;font-weight:700}.team-list-table{margin-top:16px;padding:0 24px}.team-list-empty-state{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 200px);justify-content:center;text-align:center}.team-list-empty-state img{height:40%;margin-bottom:24px;object-fit:contain;width:40%}.team-list-loading{height:calc(100vh - 200px);justify-content:center}.header-title,.team-list-loading{align-items:center;display:flex}.team-table{border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.team-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:500;padding:16px}.team-table .ant-table-tbody>tr>td{padding:16px;vertical-align:middle}.status-indicator{align-items:center;display:flex;font-weight:500;gap:8px}.status-indicator .status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator.online{color:#52c41a}.status-indicator.online .status-dot{background-color:#52c41a}.status-indicator.offline{color:#8c8c8c}.status-indicator.offline .status-dot{background-color:#8c8c8c}.status-indicator.engaged{color:#f5222d}.status-indicator.engaged .status-dot{background-color:#f5222d}