.pricing-page{background:#fafbfc;color:#1a1a2e;margin:0 auto;max-width:100%;overflow-x:hidden;padding:20px 16px 40px}.pricing-header{margin-bottom:24px;text-align:center}.pricing-header h1{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.6px;margin:0 0 8px}.pricing-header .pricing-subtitle{color:#64748b;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 24px}.billing-toggle-container{align-items:center;background:#f1f5f9;border-radius:28px;display:inline-flex;padding:4px}.billing-toggle-option{border-radius:24px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;position:relative;transition:all .25s ease;-webkit-user-select:none;user-select:none}.billing-toggle-option.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#0f172a}.billing-toggle-option .savings-pill{background:#10b981;border-radius:8px;color:#fff;font-size:10px;font-weight:700;line-height:1.5;padding:2px 7px;position:absolute;right:-10px;top:-9px}.pricing-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:360px}}.plan-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:18px 16px 16px;position:relative;transition:all .25s ease}.plan-card:before{background:#e5e7eb;border-radius:14px 14px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-card:hover{border-color:#c7d9fe;box-shadow:0 8px 32px #2d5bff14;transform:translateY(-2px)}.plan-card.highlighted{border:2px solid #2d5bff;box-shadow:0 4px 28px #2d5bff1f}.plan-card.highlighted:before{background:linear-gradient(90deg,#2d5bff,#6366f1);height:4px}.plan-card.highlighted:hover{box-shadow:0 10px 40px #2d5bff2e;transform:translateY(-4px)}.plan-card.current-plan{border-color:#10b981}.plan-card.current-plan:before{background:#10b981}.plan-card.current-plan .current-plan-ribbon{left:0;position:absolute;top:0;z-index:2}.plan-card.current-plan .current-plan-ribbon span{background:#10b981;border-radius:0 0 10px 0;color:#fff;display:block;font-size:9px;font-weight:800;letter-spacing:.8px;padding:6px 14px 6px 10px;text-transform:uppercase}.plan-card.plan-free:before{background:#94a3b8}.plan-card.plan-growth:before{background:#2d5bff}.plan-card.plan-pro:before{background:linear-gradient(90deg,#2d5bff,#6366f1)}.plan-card.plan-business:before{background:#1e293b}.current-plan-tag{background:#ecfdf5;color:#059669}.current-plan-tag,.popular-badge{border-radius:6px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}.popular-badge{background:linear-gradient(135deg,#2d5bff,#1e45cc);color:#fff}.plan-card-header{margin-bottom:16px}.plan-card-name{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 4px}.plan-card-desc{color:#94a3b8;font-size:12px;line-height:1.45;margin:0;min-height:36px}.plan-card-pricing{display:flex;flex-direction:column;justify-content:center;margin-bottom:18px;min-height:64px}.plan-price-row{align-items:baseline;display:flex;gap:2px}.plan-price-dollar{font-size:18px}.plan-price-amount,.plan-price-dollar{color:#0f172a;font-weight:800;line-height:1}.plan-price-amount{font-size:40px;letter-spacing:-2px}.plan-price-period{color:#94a3b8;font-size:13px;font-weight:400;margin-left:3px}.plan-price-note{color:#94a3b8;font-size:12px;margin-top:4px}.plan-price-note .annual-savings{color:#10b981;font-weight:600}.plan-price-custom{color:#0f172a;font-size:28px;font-weight:800}.plan-price-custom-sub{color:#94a3b8;font-size:13px;margin-top:2px}.plan-price-free{color:#0f172a;font-size:40px;font-weight:800;letter-spacing:-2px;line-height:1}.plan-cta{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;margin-bottom:18px;transition:all .2s ease;width:100%}.plan-cta:disabled{cursor:not-allowed;opacity:.5}.plan-cta-primary{background:#2d5bff;color:#fff}.plan-cta-primary:hover:not(:disabled){background:#2450e6;box-shadow:0 4px 16px #2d5bff59;transform:translateY(-1px)}.plan-cta-secondary{background:#f1f5f9;border:1px solid #e5e7eb;color:#475569}.plan-cta-secondary:hover:not(:disabled){background:#f9fafb}.plan-cta-current{background:#ecfdf5;border:1px solid #d1fae5;color:#059669;cursor:default}.plan-cta-enterprise{background:#0f172a;color:#fff}.plan-cta-enterprise:hover:not(:disabled){background:#1e293b;box-shadow:0 3px 12px #0f172a33;transform:translateY(-1px)}.plan-cta-downgrade{background:#fff;border:1px solid #e5e7eb;color:#64748b}.plan-cta-downgrade:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.plan-card-divider{background:#f1f5f9;height:1px;margin:0 0 16px}.plan-credits-highlight{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:10px 12px}.plan-credits-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.plan-credits-icon.free{background:#f1f5f9;color:#64748b}.plan-credits-icon.growth{background:#eef2ff;color:#2d5bff}.plan-credits-icon.pro{background:#e0e7ff;color:#2d5bff}.plan-credits-icon.business{background:#f1f5f9;color:#1e293b}.plan-credits-icon.enterprise{background:#fef3c7;color:#d97706}.plan-credits-info{display:flex;flex-direction:column;min-width:0}.plan-credits-value{color:#0f172a;font-size:14px;font-weight:700;white-space:nowrap}.plan-credits-label{color:#94a3b8;font-size:11px;font-weight:500}.plan-features-list{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.plan-feature-item{align-items:flex-start;color:#475569;display:flex;font-size:12px;gap:7px;line-height:1.4}.plan-feature-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-top:1px;width:16px}.plan-feature-check.included{background:#ecfdf5;color:#10b981}.plan-feature-check.included svg{height:10px;width:10px}.plan-feature-check.not-included{background:#f8fafc;color:#e5e7eb}.plan-feature-text{font-weight:400}.plan-feature-text strong{color:#0f172a;font-weight:600}.plan-value-prop{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;color:#92400e;font-size:12px;font-weight:500;line-height:1.4;margin-top:14px;padding:10px 12px;text-align:center}.pricing-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.enterprise-banner{background:linear-gradient(135deg,#2d5bff,#1e45cc 60%,#1a3db3);border-radius:14px;margin-top:24px;overflow:hidden;padding:20px;position:relative}.enterprise-banner:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:220px;right:-30px;top:-50px;width:220px}.enterprise-banner:after,.enterprise-banner:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.enterprise-banner:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-30px;height:140px;left:20%;width:140px}.enterprise-banner-content{align-items:center;display:flex;gap:24px;justify-content:space-between;position:relative;z-index:1}.enterprise-banner-text h3{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px}.enterprise-banner-text p{color:#ffffffbf;font-size:12px;line-height:1.5;margin:0;max-width:500px}.enterprise-banner-cta{align-items:center;background:#fff;border-radius:10px;color:#2d5bff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;gap:8px;padding:9px 18px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.enterprise-banner-cta:hover{background:#f0f0ff;box-shadow:0 4px 16px #00000026;color:#2d5bff;transform:translateY(-1px)}@media (max-width:600px){.enterprise-banner-content{flex-direction:column;text-align:center}.enterprise-banner-cta{justify-content:center;width:100%}}.credit-packs-teaser{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.credit-packs-teaser h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 4px}.credit-packs-teaser p{color:#64748b;font-size:13px;margin:0}.daily-credits-note{color:#94a3b8;font-size:13px;margin-top:18px;text-align:center}.daily-credits-note strong{color:#475569}.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;font-size:16px;font-weight:600;margin-bottom:16px;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}.template-gallery-modal .ant-modal-content{border-radius:12px;overflow:hidden}.template-gallery-modal .ant-modal-header{background-color:#f9f9fa;border-bottom:1px solid #f0f0f0;padding:16px 24px}.template-gallery-modal .ant-modal-body{padding:24px}.template-gallery-modal .ant-modal-footer{border-top:1px solid #f0f0f0;padding:12px 24px}.template-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.template-category-buttons{flex-grow:1}.template-category-buttons .ant-radio-button-wrapper{border-radius:6px;height:36px;line-height:34px;margin-right:8px;padding:0 16px}.template-card{border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.template-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.template-card-image-container{height:150px;overflow:hidden;position:relative}.template-card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.template-card:hover .template-card-image{transform:scale(1.05)}.template-card-content{display:flex;flex-direction:column;flex-grow:1}.template-card .ant-card-actions{background-color:#fafafa;border-top:1px solid #f0f0f0}.template-preview-container{background-color:#f5f5f5;border-radius:8px;padding:16px}.template-details-container{padding:16px}.template-features-list{margin-bottom:20px;padding-left:20px}.template-features-list li{margin-bottom:8px;padding-left:8px;position:relative}.template-features-list li:before{color:#1890ff;content:"•";left:-12px;position:absolute}.empty-templates{padding:60px 0;text-align:center}@media (max-width:768px){.template-filter-container{align-items:flex-start;flex-direction:column}.template-category-buttons{overflow-x:auto;padding-bottom:10px;white-space:nowrap;width:100%}.template-card-image-container{height:150px}}.wl-wrapper{background:#fff;height:100vh}.wl-inner,.wl-wrapper{display:flex;flex-direction:column}.wl-inner{height:100%;position:relative;z-index:1}.wl-content{flex:1 1;margin:0 auto;max-width:1600px;overflow-y:auto;padding:24px 32px;width:100%}.wl-section{animation:wl-fadeIn .3s ease}@keyframes wl-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wl-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;height:56px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wl-header,.wl-header-left{align-items:center;display:flex}.wl-header-nav{display:flex;gap:4px}.wl-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;padding:7px 14px;transition:all .15s ease}.wl-nav-btn:hover{background:#f8fafc;color:#4f46e5}.wl-nav-btn--active{background:#eef2ff;color:#4f46e5}.wl-nav-btn svg{height:16px;width:16px}.wl-header-right{align-items:center;display:flex;gap:10px}.wl-search-wrapper{position:relative;transition:width .2s ease;width:220px}.wl-search-wrapper:focus-within{width:260px}.wl-search-icon{color:#94a3b8;height:15px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:15px}.wl-search-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#1e293b;font-size:13px;height:34px;outline:none;padding:0 32px;transition:all .15s ease;width:100%}.wl-search-input::placeholder{color:#94a3b8}.wl-search-input:hover{background:#fff;border-color:#cbd5e1}.wl-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.wl-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .15s;width:22px}.wl-search-clear:hover{background:#f1f5f9;color:#64748b}.wl-search-clear svg{height:14px;width:14px}.wl-view-toggle{background:#f1f5f9;border-radius:8px;display:flex;padding:3px}.wl-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.wl-view-btn svg{height:16px;width:16px}.wl-view-btn:hover{color:#4f46e5}.wl-view-btn--active{background:#fff;box-shadow:0 1px 3px #00000014;color:#4f46e5}.wl-create-btn{align-items:center;background:#2d5bff;border:none;border-radius:8px;box-shadow:0 1px 3px #2d5bff33;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;height:34px;padding:0 18px;transition:all .15s ease;white-space:nowrap}.wl-create-btn:hover{background:#2450e6;box-shadow:0 4px 12px #2d5bff40;transform:translateY(-1px)}.wl-create-btn svg{height:15px;width:15px}.wl-filters{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:52px;padding:14px 0}.wl-filter-pills{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:3px}.wl-filter-pill{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.wl-filter-pill:hover{background:#ffffff80;color:#475569}.wl-filter-pill--active{background:#fff;box-shadow:0 1px 3px #00000014;color:#1e293b}.wl-filter-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.wl-filter-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.wl-scheduled-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease}.wl-scheduled-btn:hover{border-color:#cbd5e1;color:#475569}.wl-scheduled-btn--active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.wl-scheduled-btn svg{height:14px;width:14px}.wl-sort-wrapper{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:32px;overflow:hidden}.wl-sort-select{-webkit-appearance:auto;appearance:auto;color:#475569;font-size:12px;font-weight:500;min-width:120px;outline:none;padding:0 8px 0 10px}.wl-sort-order-btn,.wl-sort-select{background:#0000;border:none;cursor:pointer;height:100%}.wl-sort-order-btn{align-items:center;border-left:1px solid #e5e7eb;color:#64748b;display:flex;justify-content:center;transition:all .15s ease;width:30px}.wl-sort-order-btn:hover{background:#f8fafc;color:#4f46e5}.wl-sort-order-btn svg{height:14px;width:14px}.wl-clear-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.wl-clear-btn:hover{background:#fee2e2;border-color:#fca5a5}.wl-clear-btn svg{height:14px;width:14px}.wl-results-count{border-left:1px solid #e5e7eb;color:#94a3b8;font-size:12px;padding-left:10px;white-space:nowrap}.wl-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.wl-list{gap:10px;margin-top:20px}.wl-card,.wl-list{display:flex;flex-direction:column}.wl-card{animation:wl-cardIn .4s ease forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;min-height:260px;opacity:0;overflow:visible;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes wl-cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wl-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000012;transform:translateY(-2px)}.wl-card-visual{align-items:center;border-radius:14px 14px 0 0;display:flex;height:84px;justify-content:center;margin:-1px -1px 0;overflow:hidden;position:relative;width:calc(100% + 2px)}.wl-card-emoji{filter:grayscale(20%);font-size:34px;opacity:.9;transition:all .25s ease}.wl-card:hover .wl-card-emoji{filter:grayscale(0);opacity:1;transform:scale(1.1)}.wl-card-play-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.wl-card-play-overlay--visible{opacity:1;pointer-events:auto}.wl-card-play-label{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:7px;padding:8px 18px}.wl-card-play-label svg{height:16px;width:16px}.wl-card-menu-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .15s ease;width:30px;z-index:10}.wl-card:hover .wl-card-menu-btn{opacity:1}.wl-card-menu-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;color:#374151}.wl-card-menu-btn svg{height:16px;width:16px}.wl-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 18px 18px}.wl-card-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.wl-card-title{color:#1e293b;flex:1 1;font-size:15px;font-weight:600;line-height:1.4;margin:0}.wl-card-desc,.wl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wl-card-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 auto}.wl-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:auto;padding-top:14px}.wl-card-footer,.wl-card-meta{align-items:center;display:flex}.wl-card-meta{color:#94a3b8;font-size:12px;gap:4px}.wl-card-author{color:#64748b;font-weight:500}.wl-card-dot{color:#d1d5db}.wl-card-run{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.wl-card-run svg{height:12px;width:12px}.wl-card-norun{color:#94a3b8;font-size:12px}.wl-card--draft{animation:wl-cardInDraft .4s ease forwards}.wl-card--draft:hover{opacity:1}.wl-card--archived{animation:wl-cardInArchived .4s ease forwards}.wl-card--archived:hover{opacity:.88}@keyframes wl-cardInDraft{0%{opacity:0;transform:translateY(12px)}to{opacity:.88;transform:translateY(0)}}@keyframes wl-cardInArchived{0%{opacity:0;transform:translateY(12px)}to{opacity:.75;transform:translateY(0)}}.wl-status-toggle{align-items:center;background:none;border:1px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:5px;padding:3px 10px 3px 7px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.wl-status-dot{border-radius:50%;height:6px;width:6px}.wl-status-toggle--draft{background:#fffbeb;border-color:#fcd34d;color:#d97706;cursor:pointer}.wl-status-toggle--draft .wl-status-dot{background:#d97706}.wl-status-toggle--draft:hover{background:#fef3c7;border-color:#fbbf24;box-shadow:0 2px 8px #f59e0b33;transform:scale(1.04)}.wl-status-toggle--active{background:#ecfdf5;border-color:#6ee7b7;color:#059669;cursor:pointer}.wl-status-toggle--active .wl-status-dot{animation:wl-pulse-dot 2s infinite;background:#059669;box-shadow:0 0 0 2px #05966940}.wl-status-toggle--active:hover{background:#d1fae5;border-color:#34d399;box-shadow:0 2px 8px #05966933;transform:scale(1.04)}@keyframes wl-pulse-dot{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.wl-status-toggle--archived{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:default}.wl-status-toggle--archived .wl-status-dot{background:#94a3b8}.wl-status-switch{background:#cbd5e1;border-radius:7px;flex-shrink:0;height:14px;margin-left:4px;position:relative;transition:background .2s;width:24px}.wl-status-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:10px;left:2px;position:absolute;top:2px;transition:transform .2s;width:10px}.wl-status-toggle--active .wl-status-switch{background:#6ee7b7}.wl-status-toggle--active .wl-status-switch-thumb{background:#059669;transform:translateX(10px)}.wl-status-toggle--draft .wl-status-switch{background:#fcd34d}.wl-status-toggle--draft .wl-status-switch-thumb{background:#d97706}.wl-status-toggle:hover .wl-status-switch{filter:brightness(1.05)}.wl-card-actions-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;margin-top:8px}.wl-card-history-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.wl-card-history-btn svg{height:14px;width:14px}.wl-card-history-btn:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5;transform:scale(1.08)}.wl-schedule-row{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);width:-webkit-fit-content;width:fit-content}.wl-schedule-row svg{height:13px;width:13px}.wl-schedule-row--live{background:#ecfdf5;border:1px solid #bbf7d0;color:#059669}.wl-schedule-row--live:hover{background:#d1fae5;border-color:#86efac}.wl-schedule-row--paused{background:#fefce8;border:1px solid #fef08a;color:#ca8a04}.wl-schedule-row--cta{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.wl-schedule-row--cta:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5}.wl-schedule-plus{align-items:center;background:#cbd5e1;border-radius:4px;color:#475569;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;transition:all .15s;width:16px}.wl-schedule-row--cta:hover .wl-schedule-plus{background:#c7d2fe;color:#4f46e5}.wl-tag-scheduled--cta{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b;cursor:pointer}.wl-tag-scheduled--cta:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5}.wl-status-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;line-height:1.3;padding:2px 8px}.wl-status-badge--active{background:#ecfdf5;border-color:#a7f3d0;color:#10b981}.wl-status-badge--draft{background:#fffbeb;border-color:#fde68a;color:#f59e0b}.wl-status-badge--archived{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.wl-status-badge svg{height:10px;width:10px}.wl-schedule-badge{align-items:center;background:#ecfdf5;border-radius:6px;color:#059669;display:inline-flex;font-size:12px;gap:5px;margin-top:10px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.wl-schedule-badge--inactive{background:#fefce8;color:#ca8a04}.wl-schedule-badge svg{height:12px;width:12px}.wl-action-menu{animation:wl-menuIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:170px;padding:4px;width:-webkit-max-content;width:max-content;z-index:200}@keyframes wl-menuIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wl-action-item{align-items:center;background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:all .12s ease;width:100%}.wl-action-item:hover{background:#f8fafc;color:#1e293b}.wl-action-item svg{color:#94a3b8;flex-shrink:0;height:15px;width:15px}.wl-action-item:hover svg{color:#64748b}.wl-action-divider{background:#f1f5f9;height:1px;margin:4px 0}.wl-action-item--danger{color:#ef4444}.wl-action-item--danger:hover{background:#fef2f2;color:#dc2626}.wl-action-item--danger svg{color:#ef4444}.wl-action-item--danger:hover svg{color:#dc2626}.wl-list-item{animation:wl-listIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;opacity:0;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1)}@keyframes wl-listIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.wl-list-item:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000f}.wl-list-accent{flex-shrink:0;width:4px}.wl-list-body{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:space-between;padding:14px 18px}.wl-list-main{flex:1 1;min-width:0}.wl-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.wl-list-title{color:#1e293b;cursor:pointer;font-size:14px;font-weight:600;margin:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.wl-list-title:hover{color:#4f46e5}.wl-list-tags{display:flex;flex-wrap:wrap;gap:5px}.wl-list-desc{color:#64748b;font-size:13px;margin:0 0 6px;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-list-meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.wl-list-creator{color:#94a3b8;font-size:12px}.wl-list-run{align-items:center;display:flex;font-size:12px;gap:5px}.wl-list-run-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.wl-list-schedule-info{align-items:center;background:#f0fdf4;border-radius:4px;color:#16a34a;display:flex;font-size:11px;gap:4px;padding:2px 8px}.wl-list-schedule-info--inactive{background:#fefce8;color:#ca8a04}.wl-list-schedule-info svg{height:12px;width:12px}.wl-tag-template{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;color:#4f46e5;display:inline-flex;font-size:10px;font-weight:500;gap:3px;padding:1px 6px}.wl-tag-template svg{height:10px;width:10px}.wl-tag-scheduled{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;color:#16a34a;display:inline-flex;font-size:10px;font-weight:500;gap:3px;padding:1px 6px}.wl-tag-scheduled--inactive{background:#fefce8;border-color:#fde047;color:#ca8a04}.wl-tag-scheduled svg{height:10px;width:10px}.wl-list-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;position:relative}.wl-list-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.wl-list-action-btn:hover{background:#f1f5f9;color:#4f46e5}.wl-list-action-btn svg{height:16px;width:16px}.wl-list-action-primary{background:#4f46e5;box-shadow:0 2px 6px #4f46e540;color:#fff}.wl-list-action-primary:hover{background:#4338ca;box-shadow:0 4px 10px #4f46e54d;color:#fff;transform:translateY(-1px)}.wl-pagination{gap:4px;margin-top:16px;padding:24px 0}.wl-page-btn,.wl-pagination{align-items:center;display:flex;justify-content:center}.wl-page-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;height:28px;transition:all .15s;width:28px}.wl-page-btn:hover{background:#f1f5f9;color:#1e293b}.wl-page-btn:disabled{background:none;color:#cbd5e1;cursor:default}.wl-page-btn--active{background:#4f46e5;color:#fff}.wl-page-btn--active:hover{background:#4338ca;color:#fff}.wl-page-btn--arrow{font-size:0}.wl-page-btn--arrow svg{height:16px;width:16px}.wl-page-ellipsis{color:#94a3b8;font-size:12px;text-align:center;width:28px}.wl-page-info{color:#94a3b8;font-size:11px;margin-left:12px}.wl-empty{align-items:center;animation:wl-fadeIn .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:60px 40px;text-align:center}.wl-empty-img{margin-bottom:24px;max-width:260px;width:100%}.wl-empty-img img{animation:wl-popIn .5s ease .15s forwards;height:auto;opacity:0;width:100%}@keyframes wl-popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.wl-empty-body{max-width:400px}.wl-empty-title{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 10px}.wl-empty-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 6px}.wl-empty-hint{color:#94a3b8;font-size:13px;line-height:1.5;margin:0 0 24px}.wl-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wl-empty-primary-btn{align-items:center;background:#4f46e5;border:none;border-radius:10px;box-shadow:0 2px 8px #4f46e540;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;height:42px;padding:0 24px;transition:all .15s ease}.wl-empty-primary-btn:hover{background:#4338ca;box-shadow:0 4px 14px #4f46e54d;transform:translateY(-1px)}.wl-empty-primary-btn svg{height:16px;width:16px}.wl-empty-secondary-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:7px;height:42px;padding:0 20px;transition:all .15s ease}.wl-empty-secondary-btn:hover{border-color:#4f46e5;color:#4f46e5}.wl-empty-secondary-btn svg{height:16px;width:16px}.wl-welcome{animation:wl-fadeIn .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.wl-welcome-inner{align-items:center;display:flex;gap:48px;padding:48px}.wl-welcome-text{flex:1 1;min-width:0}.wl-welcome-heading{align-items:center;display:flex;gap:14px;margin-bottom:16px}.wl-welcome-icon{align-items:center;background:#4f46e5;border-radius:14px;box-shadow:0 4px 12px #4f46e540;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.wl-welcome-icon svg{height:24px;width:24px}.wl-welcome-title{color:#1e293b;font-size:26px;font-weight:700;margin:0}.wl-welcome-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text}.wl-welcome-desc{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px;max-width:480px}.wl-welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.wl-welcome-feature{align-items:flex-start;display:flex;gap:14px}.wl-feature-icon{align-items:center;background:#eef2ff;border-radius:10px;color:#4f46e5;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wl-feature-icon svg{height:18px;width:18px}.wl-feature-text h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 3px}.wl-feature-text p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.wl-welcome-btns{display:flex;flex-wrap:wrap;gap:10px}.wl-welcome-img{align-items:center;display:flex;flex:0 0 380px;justify-content:center}.wl-welcome-img img{animation:wl-float 6s ease-in-out infinite;filter:drop-shadow(0 16px 32px rgba(79,70,229,.1));height:auto;max-height:360px;max-width:100%}@keyframes wl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wl-skeleton-bar{animation:wl-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px}.wl-skeleton-card{animation:wl-cardIn .4s ease forwards;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;min-height:260px;opacity:0;overflow:hidden}.wl-skeleton-card-visual{animation:wl-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;height:84px}.wl-skeleton-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 18px 18px}.wl-skeleton-card-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.wl-skeleton-card-desc{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}.wl-skeleton-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.wl-skeleton-list-item{animation:wl-listIn .4s ease forwards;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;margin-bottom:10px;opacity:0;overflow:hidden}.wl-skeleton-list-accent{animation:wl-shimmerV 1.5s infinite;background:linear-gradient(180deg,#e5e7eb 25%,#f1f5f9 50%,#e5e7eb 75%);background-size:100% 200%;flex-shrink:0;width:4px}@keyframes wl-shimmerV{0%{background-position:0 200%}to{background-position:0 -200%}}.wl-skeleton-list-body{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:space-between;padding:14px 18px}.wl-skeleton-list-main{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.wl-skeleton-list-actions{flex-shrink:0}.wl-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.wl-spinner:after{animation:wl-spin .6s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;content:"";height:28px;width:28px}@keyframes wl-spin{to{transform:rotate(1turn)}}@media (max-width:992px){.wl-header{padding:0 20px}.wl-content{padding:20px}.wl-search-wrapper{width:180px}.wl-search-wrapper:focus-within{width:220px}.wl-welcome-inner{flex-direction:column;gap:32px;padding:32px}.wl-welcome-img{flex:none;max-width:320px;width:100%}}@media (max-width:768px){.wl-header{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.wl-header-left{width:100%}.wl-header-right{flex-wrap:wrap;width:100%}.wl-search-wrapper{flex:1 1;min-width:140px;width:auto}.wl-create-btn span,.wl-nav-btn span{display:none}.wl-create-btn{justify-content:center;padding:0;width:34px}.wl-content{padding:16px}.wl-filters{align-items:stretch;flex-direction:column;gap:10px}.wl-filter-pills{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.wl-filter-pills::-webkit-scrollbar{display:none}.wl-filter-controls{flex-wrap:wrap;justify-content:space-between}.wl-grid{grid-template-columns:1fr}.wl-list-body{align-items:flex-start;flex-direction:column;gap:10px}.wl-list-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding-top:10px;width:100%}.wl-list-title{max-width:100%}.wl-card{min-height:240px}.wl-card-visual{height:72px}.wl-card-menu-btn{opacity:1}.wl-welcome-inner{padding:24px}.wl-welcome-title{font-size:22px}.wl-welcome-btns{flex-direction:column}.wl-empty{padding:40px 20px}.wl-empty-actions{flex-direction:column;width:100%}.wl-empty-primary-btn,.wl-empty-secondary-btn{justify-content:center;width:100%}}@media (max-width:576px){.wl-card{min-height:220px}.wl-card-visual{height:64px}.wl-card-play-overlay,.wl-filter-pill span:last-child,.wl-results-count,.wl-scheduled-btn span{display:none}}.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}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.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:#121d5c;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000a;height:calc(100vh - 64px);position:relative;width:100%}.builder-topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #00000014;height:56px;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 20px}.topbar-content,.topbar-left{align-items:center;display:flex}.topbar-left{gap:10px;min-width:0}.topbar-right{align-items:center;display:flex;gap:6px}.topbar-divider{background:#e5e7eb;flex-shrink:0;height:20px;margin:0 6px;width:1px}.topbar-brand-icon{align-items:center;background:linear-gradient(135deg,#1e45cc,#2d5bff);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.topbar-titles{align-items:center;display:flex;gap:8px;min-width:0}.topbar-titles h1{color:#1f2937;font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1;margin:0;white-space:nowrap}.topbar-titles .topbar-sep{color:#e5e7eb;font-size:14px;font-weight:300;line-height:1}.topbar-titles h2{color:#1f2937;font-size:14px;font-weight:600;font-weight:400;line-height:1;margin:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-titles h2.topbar-rename-target{border-radius:5px;cursor:text;margin:-3px -8px;padding:3px 8px;transition:all .15s ease}.topbar-titles h2.topbar-rename-target:hover{background:#0000000a;color:#374151}.topbar-rename-input{background:#fff;border:1.5px solid #818cf8;border-radius:5px;box-shadow:0 0 0 3px #6366f11a;color:#111827;font-family:inherit;font-size:13px;font-weight:400;line-height:1;max-width:320px;min-width:120px;outline:none;padding:3px 8px}.topbar-icon-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:all .12s ease;width:32px}.topbar-icon-button:hover{background:#6366f10f;color:#374151}.topbar-icon-button:active{background:#00000014;transform:scale(.95)}.topbar-icon-button.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.topbar-icon-button.loading{opacity:.6;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:6px}.topbar-action-button{align-items:center;background:#fff;border:1px solid #00000014;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:500;gap:5px;height:32px;letter-spacing:.01em;line-height:1;outline:none;padding:0 13px;transition:all .12s ease;white-space:nowrap}.topbar-action-button:hover{background:#fafafa;border-color:#0000001f;color:#1f2937}.topbar-action-button:active{background:#f3f4f6;transform:scale(.97)}.topbar-action-button svg{flex-shrink:0;height:13px;width:13px}.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:.6;pointer-events:none}.topbar-agent-btn.topbar-action-button{background:linear-gradient(135deg,#faf5ff,#f5f0ff);border:1px solid #8b5cf633;color:#7c3aed;font-weight:500}.topbar-agent-btn.topbar-action-button:hover{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:#8b5cf64d;box-shadow:0 1px 4px #8b5cf61a;color:#6d28d9}.topbar-agent-btn.topbar-action-button:active{background:#ede9fe;transform:scale(.97)}.topbar-agent-btn.topbar-action-button.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#0000;box-shadow:0 1px 6px #7c3aed4d;color:#fff}.topbar-agent-btn.topbar-action-button.active:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 8px #7c3aed59}.topbar-schedule-btn.topbar-action-button{background:#f59e0b;border-color:#f59e0b;color:#fff;font-weight:500}.topbar-schedule-btn.topbar-action-button:hover{background:#d97706;border-color:#d97706;box-shadow:0 1px 4px #f59e0b4d;color:#fff}.topbar-schedule-btn.topbar-action-button.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;box-shadow:0 1px 6px #f59e0b59;color:#fff}.topbar-schedule-btn.topbar-action-button.active:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 8px #d9770666;color:#fff}.topbar-save-btn.topbar-action-button{background:#10b981;border-color:#10b981;color:#fff;font-weight:500}.topbar-save-btn.topbar-action-button:hover{background:#059669;border-color:#059669;box-shadow:0 1px 4px #10b9814d;color:#fff}.topbar-save-btn.topbar-action-button:active{background:#047857;transform:scale(.97)}.topbar-kbd{background:#0000000a;border:1px solid #0000000f;border-radius:3px;color:#c0c4cc;font-family:inherit;font-size:10px;font-weight:500;letter-spacing:0;line-height:1.2;margin-left:1px;padding:1px 4px}.topbar-save-btn.topbar-action-button .topbar-kbd{background:#fff3;border-color:#ffffff26;color:#ffffffd9}.topbar-save-btn.topbar-action-button:hover .topbar-kbd{background:#ffffff40;border-color:#fff3;color:#fff}.topbar-run-btn.topbar-action-button{background:linear-gradient(135deg,#4f46e5,#6366f1);border:1px solid #0000;box-shadow:0 1px 4px #4f46e54d,inset 0 1px 0 #ffffff1f;color:#fff;font-weight:500}.topbar-run-btn.topbar-action-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 2px 10px #4f46e559,inset 0 1px 0 #ffffff1f}.topbar-run-btn.topbar-action-button:active{background:linear-gradient(135deg,#3730a3,#4338ca);box-shadow:0 1px 2px #4f46e533;transform:scale(.97)}.topbar-publish-btn.topbar-action-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #0000;box-shadow:0 1px 4px #7c3aed40;color:#fff;font-weight:500}.topbar-publish-btn.topbar-action-button:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 8px #7c3aed59;color:#fff}.topbar-publish-btn.topbar-action-button:active{background:linear-gradient(135deg,#5b21b6,#4c1d95);transform:scale(.97)}.topbar-more-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#c0c4cc;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:relative;transition:all .12s ease;width:28px}.topbar-more-btn:hover{background:#0000000d;color:#6b7280}.topbar-more-btn:active{background:#00000014}.topbar-more-btn svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.topbar-more-btn.active{background:#0000000d;color:#6b7280}.topbar-save-indicator{align-items:center;color:#9ca3af;display:inline-flex;font-size:12px;gap:4px;letter-spacing:.01em;margin-left:4px;white-space:nowrap}.topbar-save-indicator.saved,.topbar-save-indicator.saved svg{color:#10b981}.topbar-save-indicator.saving{color:#6366f1}.topbar-more-wrapper{position:relative}.topbar-more-popover{animation:topbar-popover-in .14s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffffa;border-radius:10px;box-shadow:0 0 0 1px #0000000d,0 4px 16px #00000014,0 12px 40px #0000000a;min-width:200px;padding:4px;position:absolute;right:-4px;top:calc(100% + 8px);z-index:1100}@keyframes topbar-popover-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-more-item{align-items:center;background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:12.5px;gap:9px;line-height:1;padding:7px 10px;text-align:left;transition:all .1s ease;width:100%}.topbar-more-item:hover{background:#6366f10f;color:#312e81}.topbar-more-item:active{background:#6366f11a}.topbar-more-item:disabled{cursor:not-allowed;opacity:.35}.topbar-more-item:disabled:hover{background:none;color:#4b5563}.topbar-more-item svg{color:#9ca3af;flex-shrink:0}.topbar-more-item:hover svg{color:#6366f1}.topbar-more-item span{flex:1 1}.topbar-more-shortcut{color:#c0c4cc;flex:none!important;font-size:11px;font-weight:500}.topbar-more-divider{background:#0000000d;height:1px;margin:3px 8px}.topbar-version-actions{display:flex;gap:6px}.ph-drawer .ant-drawer-body{display:flex;flex-direction:column;height:100%;padding:0!important}.ph-header{border-bottom:1px solid #0000000f;justify-content:space-between;padding:16px 20px 12px}.ph-header,.ph-header-left{align-items:center;display:flex}.ph-header-left{color:#1f2937;font-size:14px;font-weight:600;gap:8px;letter-spacing:-.01em}.ph-header-left svg{color:#6366f1}.ph-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .12s ease;width:28px}.ph-close:hover{background:#0000000d;color:#374151}.ph-count{color:#9ca3af;font-size:11.5px;font-weight:500;letter-spacing:.02em;padding:10px 20px 0;text-transform:uppercase}.ph-list{flex:1 1;overflow-y:auto;padding:16px 20px 20px}.ph-version{display:flex;gap:14px;position:relative}.ph-timeline{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:6px;width:12px}.ph-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:8px;position:relative;width:8px;z-index:1}.ph-dot--live{background:#22c55e;box-shadow:0 0 0 3px #22c55e26;height:10px;width:10px}.ph-line{background:#e5e7eb;flex:1 1;margin:4px 0;width:1.5px}.ph-version-content{border-radius:8px;flex:1 1;margin-bottom:4px;min-width:0;padding:8px 10px 8px 0;position:relative;transition:background .15s ease}.ph-version:hover .ph-version-content{background:#00000005}.ph-version:last-child .ph-version-content{margin-bottom:0}.ph-version-top{align-items:center;display:flex;gap:8px}.ph-version-label{color:#1f2937;font-size:13px;font-weight:600;letter-spacing:-.01em}.ph-live-badge{background:#dcfce7;border-radius:10px;color:#15803d;font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1.4;padding:2px 7px;text-transform:uppercase}.ph-version-time{color:#b0b5bf;cursor:default;font-size:12px;margin-left:auto}.ph-version-author{gap:7px;margin-top:6px}.ph-avatar,.ph-version-author{align-items:center;display:flex}.ph-avatar{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:4px;color:#4338ca;flex-shrink:0;font-size:8.5px;font-weight:700;height:18px;justify-content:center;letter-spacing:.02em;width:18px}.ph-author-name{color:#9ca3af;font-size:12px;font-weight:400}.ph-version-actions{display:flex;gap:6px;margin-top:10px}.ph-action-btn{align-items:center;background:#fff;border:1px solid #00000014;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;line-height:1;padding:5px 12px;transition:all .12s ease}.ph-action-btn:hover{background:#f9fafb;border-color:#0000001f;color:#1f2937}.ph-action-btn:active{background:#f3f4f6;transform:scale(.97)}.ph-action-btn--danger{border-color:#0000000f;color:#9ca3af}.ph-action-btn--danger:hover{background:#fef2f2;border-color:#ef444426;color:#dc2626}.ph-action-btn--danger:active{background:#fee2e2}.ph-action-btn:disabled{cursor:not-allowed;opacity:.35}.ph-action-btn:disabled:hover{background:#fff;border-color:#00000014;color:#4b5563;transform:none}.ph-empty{flex-direction:column;padding:48px 24px;text-align:center}.ph-empty,.ph-empty-icon{align-items:center;display:flex}.ph-empty-icon{background:#f3f4f6;border-radius:14px;color:#9ca3af;height:52px;justify-content:center;margin-bottom:16px;width:52px}.ph-empty-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 6px}.ph-empty-desc{color:#9ca3af;font-size:12.5px;line-height:1.5;margin:0;max-width:220px}.topbar-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;gap:8px;height:36px;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 .topbar-kbd,.topbar-action-button span{display:none}.topbar-action-button{justify-content:center;padding:0;width:32px}.topbar-save-indicator,.topbar-titles .topbar-sep,.topbar-titles h2{display:none}.topbar-brand-icon{border-radius:6px;height:24px;width:24px}.topbar-brand-icon svg{height:12px;width:12px}}@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:has(.node-header-slim){pointer-events:none!important}.react-flow__node.selected:has(.node-header-slim){animation:none;box-shadow:none;filter:none;transform:none}.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}.flow-control-divider{background:#00000026;height:20px;margin:0 2px;width:1px}.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}.agent-panel{background:#fff;border-left:1px solid #e5e7eb;bottom:0;box-shadow:-4px 0 12px #00000014;display:flex;flex-direction:column;position:absolute;right:0;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:400px;z-index:100}.agent-panel.agent-panel-wide{width:780px}.agent-panel.agent-panel-compact{width:360px}.agent-panel.agent-panel-dragged{border:1px solid #e5e7eb;border-radius:12px;bottom:auto;box-shadow:0 8px 32px #00000029;height:85vh;max-height:85vh;overflow:hidden;position:fixed;right:auto;transition:width .3s ease}.agent-panel.agent-panel-fullscreen{border:none;border-radius:0;box-shadow:none;height:100vh;left:0!important;max-height:100vh;overflow:hidden;position:fixed;top:0!important;width:100vw;z-index:1000}.agent-panel.agent-panel-fullscreen .agent-panel-header{border-radius:0;cursor:default}.agent-panel-fullscreen .agent-browser-screen,.agent-panel-fullscreen .agent-browser-screenshot,.agent-panel-fullscreen .agent-browser-view.expanded{max-height:none}.agent-panel-fullscreen .agent-panel-body-split .agent-panel-activity{flex:0 0 400px}.agent-panel.agent-panel-center-view{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 24px 80px #00000080;height:85vh;left:50%!important;max-height:85vh;max-width:1100px;overflow:hidden;position:fixed;top:50%!important;transform:translate(-50%,-50%);width:80vw;z-index:1000}.agent-panel-center-view .agent-panel-header{background:#112;border-bottom:1px solid #ffffff14;cursor:default}.agent-panel-center-view .agent-panel-title{color:#e5e7eb}.agent-panel-center-view .agent-panel-title svg{color:#a78bfa}.agent-panel-center-view .agent-panel-header-actions button{color:#9ca3af}.agent-panel-center-view .agent-panel-header-actions button:hover{background:#ffffff14;color:#e5e7eb}.agent-panel-center-view .agent-panel-close:hover{color:#ef4444!important}.agent-panel-center-view .agent-panel-body-split .agent-panel-activity{display:none}.agent-panel-center-view .agent-panel-browser-col{border-radius:0 0 16px 16px}.agent-panel-center-view .agent-browser-screen,.agent-panel-center-view .agent-browser-screenshot,.agent-panel-center-view .agent-browser-view.expanded{max-height:none}.agent-panel-center-view .agent-progress{background:#112;border-bottom:1px solid #ffffff0f}.agent-panel-center-view .agent-progress-text{color:#9ca3af}.agent-panel.agent-panel-fullscreen.agent-panel-center-view{border:none;border-radius:0;height:100vh;left:0!important;max-width:none;top:0!important;transform:none;width:100vw}.agent-panel-center-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.agent-panel-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;cursor:grab;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.agent-panel-header:active{cursor:grabbing}.agent-panel-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px}.agent-panel-close{color:#6b7280}.agent-progress{background:#f3f4f6;border-bottom:1px solid #e5e7eb;height:24px;position:relative}.agent-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;min-width:2%;transition:width .3s ease}.agent-progress-text{color:#6b7280;font-size:11px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.agent-panel-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.agent-panel-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:24px 16px;text-align:center}.agent-panel-empty p{color:#6b7280;font-size:13px;font-weight:400;line-height:1.5;margin:0;max-width:320px}.agent-panel-empty span{font-size:12px}.agent-message-user-bubble{align-self:flex-end;background:#6366f1;border-radius:14px;box-shadow:0 1px 3px #00000014;color:#fff;font-size:13px;line-height:1.5;max-width:85%;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.agent-message-user-bubble.agent-message-prompt{align-self:flex-start;background:linear-gradient(135deg,#2d5bff,#1a3fd4);border-radius:14px;box-shadow:0 2px 8px #2d5bff33;font-size:14px;font-weight:450;line-height:1.6;max-width:90%;padding:14px 16px 12px}.agent-prompt-label{color:#ffffff73;display:block;font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.agent-message-agent{color:#374151;font-size:13px;line-height:1.5}.agent-message-error{align-items:center;background:#fef2f2;border-radius:8px;color:#dc2626;display:flex;font-size:12px;gap:6px;padding:8px 12px}.agent-message-status{color:#9ca3af;font-size:11px;padding:4px 0;text-align:center}.agent-picker-result-card{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #818cf84d;border-radius:10px;margin:4px 0;padding:10px 14px}.agent-picker-result-header{align-items:center;color:#a5b4fc;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.agent-picker-result-selector{background:#00000040;border-radius:6px;margin-bottom:6px;padding:6px 10px}.agent-picker-result-selector code{color:#818cf8;font-family:SF Mono,Fira Code,monospace;font-size:12px;word-break:break-all}.agent-picker-result-meta{color:#c7d2fe;font-size:11px;margin-bottom:4px}.agent-picker-result-status{color:#6b7280;font-size:10px;font-style:italic}.agent-picker-data-table-wrap{border:1px solid #818cf826;border-radius:6px;margin:6px 0;overflow:hidden}.agent-picker-data-table{border-collapse:collapse;font-size:11px;width:100%}.agent-picker-data-table th{background:#00000026;border-bottom:1px solid #818cf833;color:#a78bfa;font-size:10px;font-weight:600;padding:4px 8px;text-align:left;text-transform:uppercase;white-space:nowrap}.agent-picker-data-table td{border-bottom:1px solid #ffffff0a;color:#c7d2fe;max-width:100px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.agent-picker-data-table-extra{color:#6b7280!important;font-size:10px}.agent-picker-data-table-footer{border-top:1px solid #818cf81a;color:#6b7280;font-size:10px;padding:4px 8px}.agent-tool-card{border:1px solid #e5e7eb;border-radius:8px;font-size:12px;overflow:hidden}.agent-tool-card.agent-tool-success{border-color:#d1fae5}.agent-tool-card.agent-tool-error{border-color:#fecaca}.agent-tool-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px;-webkit-user-select:none;user-select:none}.agent-tool-header:hover{background:#f3f4f6}.agent-tool-left{align-items:center;display:flex;gap:6px}.agent-tool-name{color:#374151;font-weight:600}.agent-tool-summary{color:#9ca3af;font-size:11px}.agent-tool-details{background:#fafafa;border-top:1px solid #e5e7eb;padding:8px 10px}.agent-tool-section{margin-bottom:6px}.agent-tool-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.agent-tool-details pre{background:#f3f4f6;border-radius:4px;color:#374151;font-size:10px;margin:4px 0 0;max-height:120px;overflow-x:auto;overflow-y:auto;padding:6px 8px}.agent-spin{animation:agent-spin-anim 1s linear infinite}@keyframes agent-spin-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.agent-panel-input{align-items:flex-end;background:#fafafa;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.agent-panel-input .ant-input{border-radius:8px;font-size:13px}.agent-panel-input-actions{align-items:center;display:flex}.agent-file-preview-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.agent-file-preview{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#c4b5fd;display:flex;font-size:12px;gap:6px;max-width:250px;padding:6px 10px}.agent-file-preview-name{flex:1 1;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-file-preview-size{color:#94a3b8;font-size:11px}.agent-file-preview-remove{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.agent-file-preview-remove:hover{background:#ef44441a;color:#ef4444}.agent-upload-btn{color:#94a3b8!important}.agent-upload-btn:hover:not(:disabled){color:#c4b5fd!important}.agent-file-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.agent-file-chip{align-items:center;background:#ffffff1f;border-radius:6px;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.agent-file-chip-link{color:inherit;cursor:pointer;text-decoration:none;transition:background .15s}.agent-file-chip-link:hover{background:#ffffff38;color:inherit}.agent-file-meta{color:#fff9;font-size:11px}.agent-panel-header-actions{align-items:center;display:flex;gap:4px}.agent-connection-icon{margin-left:4px}.agent-connection-icon.connected{color:#10b981}.agent-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-left:8px;padding:2px 8px}.agent-status-badge.running{background:#dbeafe;color:#2563eb}.agent-status-badge.thinking{animation:agent-badge-shimmer 3s ease infinite;background:linear-gradient(135deg,#e0e7ff,#dbeafe);background-size:200% 100%;color:#0101ff}.agent-status-badge.skill{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.agent-status-badge.failed{background:#fef2f2;color:#ef4444}@keyframes agent-badge-shimmer{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.agent-badge-logo{animation:agent-logo-glow 3s ease-in-out infinite;height:14px;object-fit:contain;width:14px}.agent-connection-banner{align-items:center;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px}.agent-connection-connecting{background:#dbeafe;color:#2563eb}.agent-connection-reconnecting{background:#fef3c7;color:#d97706}.agent-connection-failed{background:#fef2f2;color:#dc2626}.agent-connection-failed .ant-btn-link{font-size:12px;height:auto;padding:0 4px}.agent-progress{align-items:center;background:#fafafa;display:flex;gap:12px;padding:8px 16px}.agent-progress .ant-progress{flex:1 1;margin:0}.agent-progress .ant-progress-inner{background:#e5e7eb}.agent-progress-text{align-items:center;display:flex;gap:6px;position:static;transform:none;white-space:nowrap}.agent-phase-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.agent-phase-explore{background:#e0e7ff;color:#2d5bff}.agent-phase-build{background:#fef3c7;color:#d97706}.agent-phase-validate{background:#fee2e2;color:#dc2626}.agent-panel-logo{height:20px;width:auto}.agent-panel-empty-hero{align-items:center;display:flex;flex-direction:column;gap:8px}.agent-panel-empty h3{color:#111827;font-size:17px;font-weight:600;margin:0}.agent-panel-categories{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-width:420px;width:100%}.agent-panel-category{background:linear-gradient(135deg,#fafbfc,#f4f6f9);border:1px solid #e8ebf0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px;transition:border-color .15s ease}.agent-panel-category:hover{border-color:#d1d5db}.agent-panel-category-header{align-items:center;border-bottom:1px solid #e8ebf0;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:2px;padding:2px 0 6px}.agent-panel-category-header svg{color:#6366f1}.agent-panel-example{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.4;padding:6px 8px;text-align:left;transition:all .15s ease;width:100%}.agent-panel-example:hover{background:#6366f10f;color:#4f46e5}.agent-message-agent{align-items:flex-start;background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 2px #00000008;display:flex;gap:8px;padding:12px 16px}.agent-message-icon{color:#2d5bff;flex-shrink:0;margin-top:2px}.agent-message-thinking{margin-top:14px;padding:0}.agent-thinking-indicator{align-items:center;animation:agent-thinking-fade-in .3s ease-out;background:linear-gradient(135deg,#0101ff0d,#2d5bff0a);border:1px solid #0101ff1a;border-radius:18px;display:inline-flex;gap:8px;overflow:hidden;padding:5px 14px;position:relative}.agent-thinking-indicator:before{animation:agent-thinking-shimmer 2.5s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#0101ff0f 50%,#0000 60%);content:"";inset:0;position:absolute}.agent-thinking-logo{animation:agent-logo-glow 3s ease-in-out infinite;flex-shrink:0;height:16px;object-fit:contain;width:16px}.agent-thinking-dots{align-items:center;display:flex;gap:4px}.agent-thinking-dots span{animation:agent-dot-wave 1.6s ease-in-out infinite;background:#2d5bff;border-radius:50%;height:4px;width:4px}.agent-thinking-dots span:nth-child(2){animation-delay:.15s}.agent-thinking-dots span:nth-child(3){animation-delay:.3s}.agent-thinking-text{color:#0101ff;font-size:12px;font-weight:600;letter-spacing:.02em;position:relative;white-space:nowrap}.agent-thinking-timer{font-feature-settings:"tnum";color:#a78bfa;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;opacity:.7;position:relative}.agent-thinking-long{animation:agent-thinking-fade-in .5s ease-out;color:#a78bfa;font-size:11px;opacity:.7;position:relative}@keyframes agent-thinking-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes agent-thinking-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes agent-logo-glow{0%,to{filter:drop-shadow(0 0 4px rgba(139,92,246,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(139,92,246,.55));transform:scale(1.1)}}@keyframes agent-dot-wave{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes agent-logo-breathe{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes agent-logo-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.agent-icon-success{color:#10b981}.agent-icon-error{color:#ef4444}.agent-tool-card.agent-tool-new{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa33}.agent-tool-new-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:4px;padding:1px 6px}.agent-tool-card.agent-tool-browser{background:linear-gradient(135deg,#0f0f1e0d,#1e1e3c0d);border-color:#6366f1}.agent-tool-card.agent-tool-browser .agent-tool-header{background:linear-gradient(135deg,#6366f114,#8b5cf614)}.agent-tool-card.agent-tool-browser .agent-tool-name{color:#6366f1}.agent-tool-card.agent-tool-browser.agent-tool-running{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626}.agent-tool-card.agent-tool-browser.agent-tool-success{background:linear-gradient(135deg,#22c55e08,#22c55e0f);border-color:#22c55e}.agent-tool-card.agent-tool-browser.agent-tool-error{background:linear-gradient(135deg,#ef444408,#ef44440f);border-color:#ef4444}.agent-tool-card.agent-tool-data{background:linear-gradient(135deg,#0f1e0f0d,#1e3c1e0d);border-color:#f59e0b}.agent-tool-card.agent-tool-data .agent-tool-header{background:linear-gradient(135deg,#f59e0b14,#eab30814)}.agent-tool-card.agent-tool-data .agent-tool-name{color:#f59e0b}.agent-tool-card.agent-tool-data.agent-tool-running{border-color:#eab308;box-shadow:0 0 0 2px #eab30826}.agent-tool-card.agent-tool-data.agent-tool-success{background:linear-gradient(135deg,#22c55e08,#22c55e0f);border-color:#22c55e}.agent-tool-card.agent-tool-data.agent-tool-error{background:linear-gradient(135deg,#ef444408,#ef44440f);border-color:#ef4444}.agent-tool-card.agent-tool-terminal{background:linear-gradient(135deg,#0f1e1e0d,#1e3c3c0d);border-color:#0d9488}.agent-tool-card.agent-tool-terminal .agent-tool-header{background:linear-gradient(135deg,#0d948814,#14b8a614)}.agent-tool-card.agent-tool-terminal .agent-tool-name{color:#0d9488}.agent-tool-card.agent-tool-terminal.agent-tool-running{border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a626}.agent-tool-card.agent-tool-terminal.agent-tool-success{background:linear-gradient(135deg,#22c55e08,#22c55e0f);border-color:#22c55e}.agent-tool-card.agent-tool-terminal.agent-tool-error{background:linear-gradient(135deg,#ef444408,#ef44440f);border-color:#ef4444}.agent-terminal-stream{background:#1a1a2e;border-radius:4px;margin-top:4px;max-height:200px;overflow-y:auto;padding:8px 12px}.agent-terminal-stream pre{color:#e0e0e0;font-family:Menlo,Monaco,monospace;font-size:11px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-all}.agent-stream-input{background:#1e1e2e;border-left:2px solid #7c3aed}.agent-stream-label{color:#a78bfa;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.agent-panel-input-wrapper{flex:1 1;position:relative}.agent-input-disabled-overlay{cursor:not-allowed;inset:0;position:absolute;z-index:1}.agent-message-error{flex-wrap:wrap}.agent-message-error span{flex:1 1}.agent-message-error .ant-btn-link{font-size:12px;height:auto;margin-left:auto;padding:0}.agent-tool-card{transition:border-color .2s ease,box-shadow .2s ease}.agent-status-badge{transition:all .2s ease}.agent-panel-messages::-webkit-scrollbar{width:6px}.agent-panel-messages::-webkit-scrollbar-track{background:#0000}.agent-panel-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.agent-panel-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.agent-browser-view{background:linear-gradient(180deg,#0d0d1a,#0a0a14);border-bottom:1px solid #1a1a2e;border-radius:8px;box-shadow:0 4px 20px #0006,0 0 1px #8b5cf64d,inset 0 1px 0 #ffffff0d;margin:8px;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.agent-browser-view.expanded{max-height:400px}.agent-browser-view.collapsed{border-radius:8px;max-height:40px}.agent-browser-header{align-items:center;background:linear-gradient(180deg,#252538,#1e1e30);border-bottom:1px solid #ffffff0d;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:10px 14px}.agent-browser-title{align-items:center;color:#e0e0e0;display:flex;font-size:12px;font-weight:500;gap:10px}.agent-browser-title:before{background:radial-gradient(circle at 6px 6px,#ff5f57 5px,#0000 0),radial-gradient(circle at 24px 6px,#febc2e 5px,#0000 0),radial-gradient(circle at 42px 6px,#28c840 5px,#0000 0);content:"";display:flex;height:12px;margin-right:4px;width:48px}.agent-browser-title svg{color:#8b5cf6;filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}.agent-browser-action{animation:action-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf640,#6366f140);border:1px solid #8b5cf64d;border-radius:12px;color:#c4b5fd;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}@keyframes action-pulse{0%,to{opacity:1}50%{opacity:.7}}.agent-browser-controls{display:flex;gap:6px}.agent-browser-controls .ant-btn{border-radius:4px;color:#9ca3af;height:auto;padding:4px;transition:all .2s ease;width:auto}.agent-browser-controls .ant-btn:hover{background:#8b5cf64d;color:#fff;transform:scale(1.1)}.agent-browser-url-bar{align-items:center;background:linear-gradient(180deg,#141424,#0f0f1c);border-bottom:1px solid #ffffff08;display:flex;gap:10px;padding:8px 14px}.agent-browser-url-bar svg{color:#22c55e;filter:drop-shadow(0 0 3px rgba(34,197,94,.5));flex-shrink:0}.agent-browser-url{background:#0000004d;border:1px solid #ffffff0d;border-radius:6px;color:#a0a0b0;flex:1 1;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:11px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.agent-browser-screen{align-items:center;background:#000;display:flex;justify-content:center;max-height:320px;min-height:220px;overflow:hidden;position:relative}.agent-browser-screen:before{background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 0,#0000 3px);opacity:.3;z-index:2}.agent-browser-screen:after,.agent-browser-screen:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.agent-browser-screen:after{background:radial-gradient(ellipse at center,#0000 0,#0000 60%,#0006 100%);z-index:3}.agent-browser-screenshot{filter:brightness(1.02) contrast(1.02);height:100%;max-height:320px;object-fit:contain;transition:all .3s ease;width:100%}.agent-browser-view.expanded:after{animation:live-blink 1.5s ease-in-out infinite;color:#22c55e;content:"● LIVE";font-size:9px;font-weight:700;letter-spacing:.5px;position:absolute;right:50px;text-shadow:0 0 6px #22c55e99;top:14px}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}.agent-browser-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:16px}.agent-browser-loading svg{color:#8b5cf6;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}@keyframes browser-update-glow{0%{box-shadow:0 0 30px #8b5cf666;filter:brightness(1.3) contrast(1.1)}to{box-shadow:none;filter:brightness(1.02) contrast(1.02)}}.agent-browser-screenshot{animation:browser-update-glow .6s ease-out}.agent-browser-screen.action-pending:before{animation:scan-effect 2s linear infinite;background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 0,#0000 3px),linear-gradient(180deg,#8b5cf61a,#0000 30%,#0000 70%,#8b5cf61a)}@keyframes scan-effect{0%{background-position:0 0,0 -100%}to{background-position:0 0,0 100%}}.agent-browser-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;padding:20px;text-align:center}.agent-browser-error svg{color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.4))}.agent-browser-error-message{color:#9ca3af;font-size:11px;max-width:200px}.agent-panel-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.agent-panel-body.agent-panel-body-split{flex-direction:row}.agent-panel-activity{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.agent-panel-body-split .agent-panel-activity{border-right:1px solid #e5e7eb;flex:0 0 340px}.agent-panel-browser-col{background:#0a0a14;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.agent-panel-body-split .agent-browser-view{border-bottom:1px solid #ffffff14;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0}.agent-panel-body-split .agent-browser-view.expanded{max-height:none}.agent-panel-body-split .agent-browser-header{border-radius:0}.agent-panel-body-split .agent-browser-screen{flex:1 1;max-height:none;min-height:200px}.agent-screenshot-gallery{background:linear-gradient(180deg,#112,#0d0d1a);border-top:1px solid #ffffff0f;flex-shrink:0}.agent-gallery-header{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.agent-gallery-header svg{color:#8b5cf6}.agent-gallery-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 12px 12px;scroll-behavior:smooth}.agent-gallery-strip::-webkit-scrollbar{height:4px}.agent-gallery-strip::-webkit-scrollbar-track{background:#0000}.agent-gallery-strip::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.agent-gallery-strip::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.agent-gallery-thumb{background:#000;border:2px solid #ffffff14;border-radius:6px;cursor:pointer;flex-shrink:0;height:52px;overflow:hidden;padding:0;position:relative;transition:all .2s ease;width:80px}.agent-gallery-thumb:hover{border-color:#8b5cf680;transform:scale(1.05)}.agent-gallery-thumb.active{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d,0 0 12px #8b5cf633}.agent-gallery-thumb img{height:100%;object-fit:cover;width:100%}.agent-gallery-index{background:#000000b3;border-radius:3px;bottom:2px;color:#e0e0e0;font-size:9px;font-weight:700;line-height:1;padding:1px 4px;position:absolute;right:3px}.agent-gallery-overflow{align-items:center;background:#0000000a;border:1px dashed #d1d5db;border-radius:4px;color:#9ca3af;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:48px;justify-content:center;min-width:36px}.agent-md{color:#374151;flex:1 1;font-size:13px;line-height:1.55;min-width:0;word-break:break-word}.agent-md p{margin:0 0 8px}.agent-md p:last-child{margin-bottom:0}.agent-md h3{font-size:14px;margin:12px 0 6px}.agent-md h3,.agent-md h4{color:#1f2937;font-weight:600}.agent-md h4{font-size:13px;margin:10px 0 4px}.agent-md h5,.agent-md h6{color:#374151;font-size:12px;font-weight:600;margin:8px 0 4px}.agent-md ol,.agent-md ul{margin:4px 0 8px;padding-left:20px}.agent-md li{margin-bottom:2px}.agent-md blockquote{background:#f0f0ff;border-left:3px solid #6366f1;border-radius:0 4px 4px 0;color:#4b5563;margin:8px 0;padding:4px 12px}.agent-md a{color:#4f46e5;text-decoration:none}.agent-md a:hover{text-decoration:underline}.agent-md-inline-code{background:#f3f4f6;border-radius:4px;color:#e11d48;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;padding:1px 5px}.agent-md-table-wrap{border:1px solid #e5e7eb;border-radius:6px;margin:8px 0;overflow-x:auto}.agent-md table{border-collapse:collapse;font-size:12px;width:100%}.agent-md thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:6px 10px;text-align:left;white-space:nowrap}.agent-md tbody td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:5px 10px}.agent-md tbody tr:nth-child(2n){background:#fafbfc}.agent-md tbody tr:last-child td{border-bottom:none}.agent-md hr{border:none;border-top:1px solid #e5e7eb;margin:10px 0}.file-card{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000a,0 0 0 0 #6366f100;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;margin:10px 0;max-width:380px;padding:12px 16px 12px 12px;transition:all .22s cubic-bezier(.4,0,.2,1)}.file-card,.file-card:hover{text-decoration:none!important}.file-card:hover{border-color:#a5b4fc;box-shadow:0 8px 24px #6366f11f,0 2px 6px #0000000a;transform:translateY(-2px)}.file-card:active{box-shadow:0 1px 4px #0000000f;transform:translateY(0);transition-duration:.08s}.file-card-icon{align-items:center;border:1.5px solid;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:52px;justify-content:center;position:relative;width:48px}.file-card-icon-ext{font-size:8px;font-weight:800;letter-spacing:.6px;line-height:1;text-transform:uppercase}.file-card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.file-card-name{color:#111827;font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-meta{align-items:center;display:flex;gap:6px;line-height:1}.file-card-badge{border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1;padding:2px 5px}.file-card-label{color:#9ca3af;font-size:11.5px;font-weight:400}.file-card-dl{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .18s ease;width:34px}.file-card-dl:hover{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5;transform:scale(1.08)}.file-card-dl:active{transform:scale(.95);transition-duration:.06s}.agent-md-file-cards{display:flex;flex-direction:column;gap:4px;margin-top:6px}.agent-md-file-cards .file-card{margin:0}.agent-data-results{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;margin:4px 0;overflow:hidden}.agent-data-header{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-bottom:1px solid #e5e7eb;display:flex;gap:8px;justify-content:space-between;padding:10px 14px}.agent-data-header-left{align-items:baseline;display:flex;gap:8px;min-width:0}.agent-data-title{color:#312e81;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-data-count{color:#6b7280;flex-shrink:0;font-size:11px;white-space:nowrap}.agent-data-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.agent-data-actions .ant-btn{color:#6366f1}.agent-data-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:12px;gap:4px;padding:3px 8px;transition:border-color .15s}.agent-data-search.active,.agent-data-search:focus-within{border-color:#6366f1}.agent-data-search input{background:#0000;border:none;color:#374151;font-size:12px;outline:none;width:80px}.agent-data-search input::placeholder{color:#9ca3af}.agent-data-search svg{color:#9ca3af;flex-shrink:0}.agent-data-search-clear{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:0}.agent-data-search-clear:hover{color:#6366f1}.agent-data-table-wrap{max-height:300px;overflow-x:auto;overflow-y:auto}.agent-data-table{border-collapse:collapse;font-size:12px;width:100%}.agent-data-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;font-weight:600;padding:7px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.agent-data-table thead th:hover{background:#f3f4f6}.agent-data-th-content{align-items:center;display:inline-flex;gap:4px}.agent-data-table tbody td.numeric,.agent-data-table thead th.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.agent-data-table tbody td{border-bottom:1px solid #f3f4f6;color:#4b5563;max-width:200px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.agent-data-empty{padding:20px 10px!important}.agent-data-empty,.agent-data-empty-card{color:#9ca3af;font-style:italic;text-align:center}.agent-data-empty-card{padding:20px}.agent-data-table tbody tr:hover{background:#f0f0ff}.agent-data-table tbody tr:nth-child(2n){background:#fafbfc}.agent-data-table tbody tr:nth-child(2n):hover{background:#f0f0ff}.agent-data-cards{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding:8px}.agent-data-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;padding:8px 10px}.agent-data-card-field{align-items:baseline;display:flex;font-size:12px;justify-content:space-between;padding:2px 0}.agent-data-card-label{color:#6b7280;flex-shrink:0;font-weight:500;margin-right:8px}.agent-data-card-value{color:#1f2937;text-align:right;word-break:break-word}.agent-data-summary{background:#fafbfc;border-top:1px solid #f3f4f6;color:#6b7280;font-size:12px;padding:8px 14px}.agent-phase-present{background:#dbeafe;color:#1d4ed8}.agent-browser-screen.agent-browser-off{background:linear-gradient(180deg,#12121f,#0d0d1a)}.agent-browser-view.agent-browser-idle.expanded:after{display:none}.agent-browser-off-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:24px;width:100%}.agent-browser-skeleton{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;max-width:240px;padding:14px;width:70%}.skel-topbar{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:4px;margin-bottom:12px;padding-bottom:10px}.skel-dot{background:#ffffff1a;border-radius:50%;height:5px;width:5px}.skel-nav-line{background:#ffffff0d;border-radius:3px;flex:1 1;height:5px;margin-left:8px}.skel-hero{background:#ffffff0a;border-radius:5px;height:48px;margin-bottom:10px;width:100%}.skel-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.skel-card{background:hsla(0,0%,100%,.025);border-radius:4px;padding:8px}.skel-card-img{background:#ffffff0a;border-radius:3px;height:32px;margin-bottom:6px;width:100%}.skel-card-line{background:#ffffff0d;border-radius:2px;height:4px;margin-bottom:4px}.skel-card-line.short{width:60%}.agent-browser-skeleton{animation:skel-pulse 2.5s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:1}50%{opacity:.6}}.agent-browser-off-label{color:#6b7280;font-size:13px;font-weight:500}.agent-tool-thinking{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:12px;font-style:italic;line-height:1.5;margin-bottom:6px;padding:6px 0}.agent-screenshot-gallery .agent-gallery-strip{padding-top:10px}.takeover-vnc-container{height:100%;min-height:250px;position:relative;width:100%}.takeover-vnc-screen{background:#000;height:100%;width:100%}.takeover-exit-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:5px 12px;position:absolute;right:8px;top:8px;transition:background .15s;z-index:10}.takeover-exit-btn:hover{background:#dc2626}.takeover-confirm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.takeover-confirm-dialog{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 16px 48px #00000026;max-width:400px;padding:20px;width:90%}.takeover-confirm-dialog h3{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 10px}.takeover-confirm-dialog p{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 18px}.takeover-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.takeover-confirm-cancel{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .15s}.takeover-confirm-cancel:hover{border-color:#9ca3af;color:#374151}.takeover-confirm-start{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s}.takeover-confirm-start:hover{background:#4f46e5}.el-wrapper{background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.el-header{background:#fff;box-shadow:0 1px 3px #0000000a;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px;z-index:10}.el-header,.el-header-left{align-items:center;display:flex}.el-header-left{gap:16px}.el-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:7px 14px;transition:all .15s ease}.el-back-btn:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 1px 3px #00000014;color:#1e293b;transform:translateY(-1px)}.el-title{color:#1e293b;font-size:18px;font-weight:700;line-height:1;margin:0}.el-header-stats{align-items:center;display:flex;gap:6px;margin-left:4px}.el-stat-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;white-space:nowrap}.el-stat-badge--total{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.el-stat-badge--success{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.el-stat-badge--fail{background:#fef2f2;border-color:#fecaca;color:#dc2626}.el-stat-badge--running{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.el-header-right{align-items:center;display:flex;gap:8px}.el-refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.el-refresh-btn:hover{background:#f8fafc;border-color:#d1d5db;box-shadow:0 1px 3px #00000014;color:#1e293b}.el-refresh-btn:disabled{cursor:default;opacity:.5}.el-filters{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:12px;padding:12px 24px}.el-filter-group{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:3px}.el-filter-separator{background:#e5e7eb;height:20px;margin:0 4px;width:1px}.el-filter-pill{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:400;padding:6px 14px;transition:all .15s ease;white-space:nowrap}.el-filter-pill:hover{background:#ffffff80;color:#475569}.el-filter-pill--active{box-shadow:0 1px 3px #00000014;font-weight:500}.el-filter-pill--active,.el-filter-pill--active:hover{background:#fff;color:#1e293b}.el-content{flex:1 1;overflow-y:auto;padding:16px 24px}.el-card-list{display:flex;flex-direction:column;gap:8px}.el-card{animation:el-cardIn .4s ease forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.el-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000012;transform:translateY(-1px)}.el-card--expanded,.el-card--expanded:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #4f46e514}.el-card--expanded:hover{transform:none}@keyframes el-cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.el-card-row{align-items:center;display:flex;gap:16px;padding:14px 18px}.el-status-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;min-width:95px;padding:4px 12px 4px 8px}.el-status-pill-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.el-status-pill--COMPLETED{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.el-status-pill--COMPLETED .el-status-pill-dot{background:#059669}.el-status-pill--FAILED{background:#fef2f2;border-color:#fecaca;color:#dc2626}.el-status-pill--FAILED .el-status-pill-dot{background:#dc2626}.el-status-pill--RUNNING{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.el-status-pill--RUNNING .el-status-pill-dot{animation:el-pulse-dot 2s infinite;background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.el-status-pill--STOPPED{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.el-status-pill--STOPPED .el-status-pill-dot{background:#64748b}.el-status-pill--PENDING{background:#fffbeb;border-color:#fde68a;color:#d97706}.el-status-pill--PENDING .el-status-pill-dot{background:#d97706}@keyframes el-pulse-dot{0%,to{box-shadow:0 0 0 2px #2563eb33}50%{box-shadow:0 0 0 5px #2563eb0d}}.el-card-cell{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px;min-width:0}.el-card-cell--time{min-width:110px}.el-card-cell--duration{font-feature-settings:"tnum";color:#64748b;font-variant-numeric:tabular-nums;min-width:70px}.el-card-cell-icon{color:#94a3b8;flex-shrink:0}.el-trigger-badge{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#64748b;display:inline-flex;flex-shrink:0;font-size:12px;gap:5px;padding:3px 10px}.el-phases-cell{align-items:center;display:flex;flex:1 1;gap:8px;min-width:100px}.el-phases-text{font-feature-settings:"tnum";color:#64748b;font-size:12px;font-variant-numeric:tabular-nums;min-width:28px}.el-phases-bar{background:#e5e7eb;border-radius:3px;box-shadow:inset 0 1px 2px #0000000a;height:5px;overflow:hidden;width:64px}.el-phases-bar-fill{border-radius:3px;height:100%;transition:width .3s ease}.el-nav-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;transition:all .15s ease;width:28px}.el-nav-btn:hover{background:#eef2ff;color:#4f46e5}.el-expand-content{max-height:0;opacity:0;overflow:hidden;padding:0 18px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .3s ease}.el-expand-content--open{border-top:1px solid #f1f5f9;max-height:500px;opacity:1;padding:0 18px 18px}.el-expand-inner{display:flex;flex-direction:column;gap:14px;padding-top:14px}.el-phase-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.el-phase-card{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:all .15s ease}.el-phase-card:hover{background:#f1f5f9;border-color:#e2e8f0}.el-phase-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.el-phase-name{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-detail-pairs{display:flex;flex-wrap:wrap;gap:10px 28px}.el-detail-pair{display:flex;flex-direction:column;gap:3px}.el-detail-label{color:#94a3b8;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.el-detail-value{color:#475569;font-size:13px}.el-monospace{background:#f1f5f9;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;padding:2px 6px;word-break:break-all}.el-stop-trigger{align-items:center;align-self:flex-start;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px;transition:all .15s ease}.el-stop-trigger:hover{background:#fef2f2;border-color:#f87171;box-shadow:0 2px 8px #dc26261f;transform:translateY(-1px)}.el-stop-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:13px;justify-content:space-between;padding:10px 14px}.el-stop-actions{display:flex;gap:8px}.el-stop-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s ease}.el-stop-cancel:hover{background:#f8fafc;border-color:#d1d5db}.el-stop-confirm{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s ease}.el-stop-confirm:hover{background:#b91c1c;transform:translateY(-1px)}.el-stop-confirm:disabled{cursor:default;opacity:.6;transform:none}.el-view-full{align-items:center;align-self:flex-start;background:#fff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 16px;transition:all .15s ease}.el-view-full:hover{background:#eef2ff;border-color:#a5b4fc;box-shadow:0 1px 3px #4f46e526;transform:translateY(-1px)}.el-pagination{gap:4px;padding:20px 16px}.el-page-btn,.el-pagination{align-items:center;display:flex;justify-content:center}.el-page-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;height:32px;min-width:32px;padding:0 8px;transition:all .15s ease}.el-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#d1d5db;box-shadow:0 1px 3px #00000014;color:#1e293b}.el-page-btn:disabled{cursor:default;opacity:.3}.el-page-btn--active{background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 3px #4f46e54d;color:#fff}.el-page-btn--active:hover:not(:disabled){background:#4338ca;border-color:#4338ca;box-shadow:0 2px 6px #4f46e559;color:#fff}.el-page-ellipsis{color:#94a3b8;font-size:13px;text-align:center;width:32px}.el-page-info{color:#94a3b8;font-size:12px;margin-left:12px}.el-empty{flex-direction:column;padding:100px 24px;text-align:center}.el-empty,.el-empty-icon{align-items:center;display:flex;justify-content:center}.el-empty-icon{background:#f1f5f9;border-radius:50%;height:80px;margin-bottom:20px;width:80px}.el-empty-title{color:#1e293b;font-size:17px;font-weight:600;margin:0 0 6px}.el-empty-subtitle{color:#94a3b8;font-size:14px;margin:0;max-width:300px}.el-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center}.el-loading-text{color:#94a3b8;font-size:14px}.el-spinner{animation:el-spin .6s linear infinite;border:2.5px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:28px;width:28px}.el-list-loading{display:flex;justify-content:center;padding:20px}@keyframes el-spin{to{transform:rotate(1turn)}}.el-spin-icon{animation:el-spin 1s linear infinite}@media (max-width:768px){.el-header{padding:0 16px}.el-header-stats{display:none}.el-filters{flex-wrap:wrap;gap:8px;padding:10px 16px}.el-filter-separator{display:none}.el-content{padding:12px}.el-card-row{flex-wrap:wrap;gap:10px;padding:12px 14px}.el-card-cell--duration,.el-card-cell--time{min-width:auto}.el-trigger-badge{order:5}.el-phases-cell{min-width:80px}.el-expand-content--open{padding:0 14px 14px}.el-phase-grid{grid-template-columns:1fr}.el-detail-pairs{flex-direction:column}}.exec-topbar{background:#fff;border-bottom:1px solid #eaecef;flex-shrink:0;height:55px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.exec-topbar,.exec-topbar-left{align-items:center;display:flex}.exec-topbar-left{gap:12px}.exec-topbar-back{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.exec-topbar-back:hover{background:#f3f4f6;color:#111827}.exec-topbar-divider{background:#e5e7eb;height:20px;width:1px}.exec-topbar-title{color:#111827;font-size:15px;font-weight:600;letter-spacing:-.01em}.exec-topbar-id{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;gap:4px;padding:2px 8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.exec-topbar-id:hover{background:#e5e7eb;color:#374151}.exec-topbar-id svg{opacity:.5}.exec-topbar-right{align-items:center;display:flex;gap:8px}.execution-sidebar{background:#fafbfc;border-right:1px solid #e2e5ea;bottom:0;display:flex;flex-direction:column;left:78px;overflow-x:hidden;position:fixed;top:64px;width:300px;z-index:10}.execution-sidebar-content{flex:1 1;overflow-y:auto;padding:12px 10px;scrollbar-color:#6366f159 #0000;scrollbar-width:thin}.execution-sidebar-content::-webkit-scrollbar{width:3px}.execution-sidebar-content::-webkit-scrollbar-track{background:#0000}.execution-sidebar-content::-webkit-scrollbar-thumb{background-color:#6366f14d;border-radius:3px}.execution-section{border-bottom:1px solid #eceef1;margin-bottom:10px;padding-bottom:10px}.section-title{color:#8b8fa7;font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.status-badge{align-items:center;background:#f0f1f4;border-radius:4px;color:#4b5563;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px}.status-badge.completed{background:#ecfdf5;color:#059669}.status-badge.failed{background:#fef2f2;color:#dc2626}.status-badge.created,.status-badge.pending{background:#f0f1f4;color:#8b8fa7}.timing-info{display:flex;flex-direction:column;gap:2px}.timing-item{align-items:center;color:#4b5563;display:flex;font-size:11px;justify-content:space-between}.timing-item .label{color:#8b8fa7;font-weight:500}.timing-item .value{font-feature-settings:"tnum";color:#374151;font-variant-numeric:tabular-nums;font-weight:500}.progress-info{background:#0000;padding:0}.progress-text{color:#374151;font-size:11px;font-weight:600;margin-bottom:3px}.progress-bar{background:#e2e5ea;border-radius:2px;height:3px}.progress-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .4s ease}.overview-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.overview-item{align-items:center;background:#fff;border:1px solid #eceef1;border-radius:5px;display:flex;gap:8px;padding:5px 7px;transition:all .15s ease}.overview-item:hover{background:#f8f9fb;border-color:#d9dce4}.overview-icon{align-items:center;background:#6366f10f;border-radius:5px;color:#6366f1;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.overview-details{display:flex;flex-direction:column}.overview-label{color:#8b8fa7;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.overview-value{color:#374151;font-size:12px;font-weight:600}.view-toggle{background:#eceef1;border-radius:5px;display:flex;gap:1px;margin-bottom:0;padding:2px}.view-button{background:#0000;border:none;border-radius:4px;color:#8b8fa7;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;overflow:hidden;padding:4px 8px;position:relative;transition:all .15s ease}.view-button:hover{color:#4b5563}.view-button.active{background:#fff;box-shadow:0 1px 3px #0000000f;color:#6366f1;font-weight:600}.active-indicator{background:#6366f1;border-radius:1px;bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:16px}.timeline-section{border-bottom:none;flex-grow:1;margin-bottom:0;padding-bottom:0}@media (max-width:768px){.workflow-timeline{padding:0 6px 10px 16px}}.button-content{align-items:center;display:flex;font-weight:500;gap:5px;justify-content:center;letter-spacing:.01em;opacity:1;transition:opacity .15s ease;white-space:nowrap;width:100%}.section-divider{background:#eceef1;height:1px;margin:10px 0}.phases-header{margin:8px 0;padding:4px 0}.phases-title{align-items:center;color:#8b8fa7;display:flex;font-size:11px;gap:5px}.phases-list{display:flex;flex-direction:column;gap:2px}.phase-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:8px;padding:5px 6px;text-align:left;width:100%}.phase-number{color:#8b8fa7;font-size:11px;font-weight:600;min-width:14px}.phase-name{color:#374151;font-size:12px;margin:0}.topbar-button{-webkit-font-smoothing:antialiased;align-items:center;border:none;border-radius:5px;box-shadow:0 1px 2px #0000000a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:100px;outline:none;padding:6px 14px;position:relative;transition:all .15s ease}.topbar-button.primary{background:linear-gradient(180deg,#6366f1,#5558e6);border:none;color:#fff}.topbar-button.primary:hover:not(:disabled){background:linear-gradient(180deg,#7577f5,#6366f1);box-shadow:0 3px 10px #6366f133;transform:translateY(-1px)}.topbar-button.primary:active:not(:disabled){background:linear-gradient(180deg,#5558e6,#4f46e5);transform:translateY(0)}.topbar-button.primary.loading{background:linear-gradient(180deg,#6366f1,#5558e6);opacity:.8;pointer-events:none}.topbar-button.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.topbar-button.secondary{background:#fff;border:1px solid #d9dce4;color:#4b5563}.topbar-button.secondary:hover:not(:disabled){background:#fafaff;border-color:#6366f1;box-shadow:0 3px 10px #6366f114;color:#6366f1;transform:translateY(-1px)}.topbar-button.secondary:active:not(:disabled){background:#f0f0f8;transform:translateY(0)}.topbar-button.danger{background:linear-gradient(180deg,#ef4444,#dc2626);border:none;color:#fff}.topbar-button.danger:hover:not(:disabled){background:linear-gradient(180deg,#f87171,#ef4444);box-shadow:0 3px 10px #dc26262e;transform:translateY(-1px)}.topbar-button.danger:active:not(:disabled){background:linear-gradient(180deg,#dc2626,#b91c1c);transform:translateY(0)}.topbar-button.danger.loading{opacity:.8}.topbar-button.danger:disabled{cursor:not-allowed;opacity:.5}.topbar-button.loading{pointer-events:none}.topbar-button.loading .button-content{opacity:.7}.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:5px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .15s ease}.topbar-button:focus-visible:after{box-shadow:0 0 0 2px #6366f133;opacity:1}.topbar-button.danger:focus-visible:after{box-shadow:0 0 0 2px #dc262633}.button-wrapper button{margin:0;padding:6px 14px}.branch-count-badge{align-items:center;background:#6366f114;border-radius:8px;color:#6366f1;display:inline-flex;font-size:9px;font-weight:600;gap:3px;padding:1px 5px}.multi-level-branch{position:relative}.multi-level-branch:before{background:#e2e5ea;bottom:0;content:"";left:-8px;position:absolute;top:18px;width:1.5px;z-index:1}.nested-branches-indicator{align-items:center;background:#f0f1f4;border-radius:3px;color:#6366f1;display:inline-flex;font-size:9px;gap:3px;margin-top:3px;padding:1px 5px}.branch-visualization{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding-left:6px}.branch-path{align-items:center;color:#8b8fa7;display:flex;font-size:10px;gap:5px}.branch-path:before{background:#d1d5db;content:"";height:1px;width:6px}.branch-path-label{background:#f0f1f4;border-radius:8px;font-size:9px;font-weight:500;padding:0 5px}.branch-path-label.true{background:#dcfce7;color:#059669}.branch-path-label.false{background:#fee2e2;color:#dc2626}.collapsed-content{max-height:0;overflow:hidden;transition:max-height .25s ease-out}.expanded-content{max-height:1000px;transition:max-height .4s ease-in}.timeline-phase.selected .phase-circle{background:#6366f10f;border-color:#6366f1;color:#6366f1}.phase-card.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1,0 2px 4px #6366f114}.branch-line{background:#e2e5ea;position:absolute}.branch-line-horizontal{height:1.5px}.branch-line-vertical{width:1.5px}.branch-status-group{align-items:center;display:flex;gap:2px}.mini-status{border-radius:50%;height:5px;width:5px}.mini-status.completed{background:#10b981}.mini-status.running{background:#6366f1}.mini-status.failed{background:#ef4444}.mini-status.pending{background:#c4c8d4}.branch-column:hover .branch-details{max-height:100px;opacity:1;overflow:visible}@media (max-width:640px){.workflow-timeline{padding:0 6px 12px 16px}.branches-section{margin-left:8px}.branch-cards{flex-direction:column;margin-left:12px}.branch-column,.branch-column.hovered,.branch-column.selected{width:calc(100% - 16px)}.branch-card{height:auto;min-height:36px}.branch-details{max-height:none;opacity:1}}.branch-cards.grid-layout{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:260px;overflow-y:auto}.branches-section.grid{max-width:700px;padding-right:12px;width:calc(100% - 32px)}@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:36px}.branch-cards.grid-layout .branch-details{max-height:0;opacity:0;transition:opacity .1s ease,max-height .15s ease}.branch-cards.grid-layout .branch-column.selected .branch-details,.branch-cards.grid-layout .branch-column:hover .branch-details{max-height:180px;opacity:1}}.branch-pagination{display:flex;gap:3px;justify-content:center;margin-top:6px}.branch-pagination-button{background:#f0f1f4;border:1px solid #e2e5ea;border-radius:3px;cursor:pointer;font-size:10px;padding:2px 7px}.branch-pagination-button.active{background:#6366f114;border-color:#6366f133;color:#6366f1}.branch-type-indicator{align-items:center;background:#6366f10f;border-radius:3px;color:#6366f1;display:inline-flex;font-size:9px;font-weight:600;gap:3px;margin-left:6px;padding:1px 6px}.branch-type-indicator.switch{background:#0891b20f;color:#0891b2}.branch-type-indicator.parallel{background:#0d94880f;color:#0d9488}.branch-type-indicator.multi{background:#7c3aed0f;color:#7c3aed}.branch-diagram{background:#fff;border:1px solid #eceef1;border-radius:6px;margin-top:10px;overflow-x:auto;padding:10px}.branch-connector-diagram{display:flex;flex-direction:column;min-height:60px;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}.tl-content{flex:1 1;margin:0 auto;max-width:1600px;overflow-y:auto;padding:0 32px 24px;width:100%}.tl-sort-wrapper{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:34px;overflow:hidden}.tl-sort-select{-webkit-appearance:auto;appearance:auto;background:#0000;border:none;color:#475569;cursor:pointer;font-size:12px;font-weight:500;height:100%;min-width:130px;outline:none;padding:0 8px 0 10px}.tl-category-container{align-items:center;display:flex;gap:8px;padding:14px 0;position:relative}.tl-category-scroll{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;gap:6px;overflow-x:auto;padding:4px 0;scroll-behavior:smooth;scrollbar-width:none}.tl-category-scroll::-webkit-scrollbar{display:none}.tl-category-nav-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all .15s ease;width:30px}.tl-category-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#4f46e5;color:#4f46e5}.tl-category-nav-btn:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.tl-category-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:7px;height:34px;padding:6px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.tl-category-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#4f46e5}.tl-category-btn--active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5;font-weight:600}.tl-category-count{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:1px 7px}.tl-category-btn--active .tl-category-count{background:#4f46e51f;color:#4f46e5}.tl-sections-container{min-height:400px}.tl-section{animation:tl-fadeIn .3s ease;margin-bottom:40px}@keyframes tl-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tl-section-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.tl-section-title-container{display:flex;flex-direction:column;gap:4px}.tl-section-title-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.tl-section-icon{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.tl-section-icon svg{height:18px;width:18px}.tl-section-title{color:#1e293b;font-size:18px;font-weight:600;margin:0}.tl-section-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0;max-width:500px}.tl-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.tl-card{animation:tl-cardIn .4s ease forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;min-height:280px;opacity:0;overflow:visible;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tl-grid>.tl-card:first-child{animation-delay:0s}.tl-grid>.tl-card:nth-child(2){animation-delay:.06s}.tl-grid>.tl-card:nth-child(3){animation-delay:.09s}.tl-grid>.tl-card:nth-child(4){animation-delay:.12s}.tl-grid>.tl-card:nth-child(5){animation-delay:.15s}.tl-grid>.tl-card:nth-child(6){animation-delay:.18s}.tl-grid>.tl-card:nth-child(7){animation-delay:.21s}.tl-grid>.tl-card:nth-child(8){animation-delay:.24s}@keyframes tl-cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tl-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000012;transform:translateY(-2px)}.tl-card--copying{opacity:.7;pointer-events:none}.tl-card-visual{border-radius:14px 14px 0 0;height:84px;margin:-1px -1px 0;overflow:hidden;position:relative;width:calc(100% + 2px)}.tl-card-visual,.tl-card-visual-icon{align-items:center;display:flex;justify-content:center}.tl-card-visual-icon{color:#475569;opacity:.7;transition:all .25s ease}.tl-card:hover .tl-card-visual-icon{opacity:1;transform:scale(1.1)}.tl-card-like-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .15s ease;width:30px;z-index:10}.tl-card:hover .tl-card-like-btn{opacity:1}.tl-card-like-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;color:#ef4444}.tl-card-like-btn--liked{color:#ef4444;opacity:1}.tl-card-play-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease;z-index:5}.tl-card:hover .tl-card-play-overlay{opacity:1}.tl-card-play-label{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:7px;padding:8px 18px}.tl-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 18px 18px}.tl-card-title{color:#1e293b;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px}.tl-card-desc,.tl-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tl-card-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 auto}.tl-card-metrics{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;margin-top:12px;padding-top:12px}.tl-card-metric{align-items:center;background:#f8fafc;border-radius:6px;color:#64748b;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.tl-card-metric svg{height:12px;width:12px}.tl-card-metric--likes{background:#ef44440f;color:#ef4444}.tl-card-metric--forks{background:#10b9810f;color:#10b981}.tl-card-metric--date{color:#475569}.tl-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:12px}.tl-card-tags-row{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.tl-card-category-tag{background:#f1f5f9;border:none;border-radius:6px;color:#475569;font-size:11px;font-weight:500;line-height:1.4;padding:3px 10px}.tl-card-category-tag.business{background:#eff6ff;color:#2563eb}.tl-card-category-tag.research{background:#faf5ff;color:#7c3aed}.tl-card-category-tag.scraping{background:#ecfdf5;color:#059669}.tl-card-category-tag.marketing{background:#fdf2f8;color:#db2777}.tl-card-category-tag.ai{background:#f5f3ff;color:#7c3aed}.tl-card-category-tag.organisation{background:#ecfeff;color:#0891b2}.tl-card-category-tag.fun{background:#fff7ed;color:#ea580c}.tl-card-category-tag.entertainment{background:#fdf2f8;color:#db2777}.tl-card-category-tag.sales{background:#fefce8;color:#ca8a04}.tl-card-category-tag.devops{background:#f1f5f9;color:#475569}.tl-card-category-tag.technology{background:#eff6ff;color:#2563eb}.tl-card-category-tag.health{background:#fef2f2;color:#dc2626}.tl-card-category-tag.news{background:#f1f5f9;color:#475569}.tl-card-use-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:5px;opacity:0;padding:6px 14px;transform:translateY(2px);transition:all .15s ease;white-space:nowrap}.tl-card:hover .tl-card-use-btn{opacity:1;transform:translateY(0)}.tl-card-use-btn:hover{background:#4338ca}.tl-card-use-btn:disabled{cursor:not-allowed;opacity:.7!important}.tl-card-use-btn svg{height:13px;width:13px}@keyframes tl-spin{to{transform:rotate(1turn)}}.tl-spin{animation:tl-spin .8s linear infinite}@keyframes tl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tl-skeleton-bar{animation:tl-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px}.tl-skeleton-card{animation:tl-cardIn .4s ease forwards;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;min-height:280px;opacity:0;overflow:hidden}.tl-skeleton-card-visual{animation:tl-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;height:84px}.tl-skeleton-card-body{display:flex;flex:1 1;flex-direction:column;padding:14px 18px 18px}.tl-skeleton-card-title-row{margin-bottom:10px}.tl-skeleton-card-desc{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}.tl-skeleton-card-metrics{gap:6px;margin-bottom:12px}.tl-skeleton-card-footer,.tl-skeleton-card-metrics{border-top:1px solid #f1f5f9;display:flex;padding-top:12px}.tl-skeleton-card-footer{align-items:center;justify-content:space-between;margin-top:auto}.tl-empty{align-items:center;animation:tl-fadeIn .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:60px 40px;text-align:center}.tl-empty-img{margin-bottom:24px;max-width:260px;width:100%}.tl-empty-img img{animation:tl-popIn .5s ease .15s forwards;height:auto;opacity:0;width:100%}@keyframes tl-popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tl-empty-body{max-width:400px}.tl-empty-title{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 10px}.tl-empty-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 24px}.tl-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tl-empty-primary-btn{align-items:center;background:#4f46e5;border:none;border-radius:10px;box-shadow:0 2px 8px #4f46e540;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;height:42px;padding:0 24px;transition:all .15s ease}.tl-empty-primary-btn:hover{background:#4338ca;box-shadow:0 4px 14px #4f46e54d;transform:translateY(-1px)}.tl-empty-secondary-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:7px;height:42px;padding:0 20px;transition:all .15s ease}.tl-empty-secondary-btn:hover{border-color:#4f46e5;color:#4f46e5}.tl-no-results{background:#f8fafc;border-radius:14px;grid-column:1/-1;margin:20px 0;padding:60px 0;text-align:center}.tl-no-results p{color:#64748b;font-size:15px;margin:0 0 16px}.tl-no-results button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:34px;padding:0 18px;transition:all .15s ease}.tl-no-results button:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.tl-pagination{gap:4px;margin-top:16px;padding:24px 0}.tl-page-btn,.tl-pagination{align-items:center;display:flex;justify-content:center}.tl-page-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;height:28px;transition:all .15s;width:28px}.tl-page-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.tl-page-btn:disabled{background:none;color:#cbd5e1;cursor:default}.tl-page-btn--active{background:#4f46e5;color:#fff}.tl-page-btn--active:hover{background:#4338ca;color:#fff}.tl-page-btn--arrow{font-size:0}.tl-page-btn--arrow svg{height:16px;width:16px}.tl-page-ellipsis{color:#94a3b8;font-size:12px;text-align:center;width:28px}.tl-page-info{color:#94a3b8;font-size:11px;margin-left:12px}@media (max-width:992px){.tl-content{padding:0 20px 20px}}@media (max-width:768px){.tl-content{padding:0 16px 16px}.tl-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tl-section-header{align-items:flex-start;flex-direction:column;gap:8px}.tl-card-use-btn{opacity:1;transform:none}.tl-card-like-btn{opacity:1}.tl-card-play-overlay{display:none}.tl-card{min-height:260px}.tl-card-visual{height:72px}}@media (max-width:576px){.tl-grid{grid-template-columns:1fr}.tl-empty{padding:40px 20px}.tl-empty-actions{flex-direction:column;width:100%}.tl-empty-primary-btn,.tl-empty-secondary-btn{justify-content:center;width:100%}.tl-card-visual{height:64px}.tl-card{min-height:240px}}.tl-confirm-overlay{align-items:center;animation:tl-fade-in .15s ease-out;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes tl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tl-slide-up{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tl-confirm-modal{animation:tl-slide-up .2s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;max-width:90vw;overflow:hidden;width:400px}.tl-confirm-visual{height:80px;position:relative}.tl-confirm-visual,.tl-confirm-visual-icon{align-items:center;display:flex;justify-content:center}.tl-confirm-visual-icon{background:#ffffffd9;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#475569;height:44px;width:44px}.tl-confirm-body{padding:20px 24px 16px}.tl-confirm-title{color:#0f172a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px}.tl-confirm-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.tl-confirm-info{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;line-height:1.5;margin-top:12px;padding-top:12px}.tl-confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.tl-confirm-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.tl-confirm-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.tl-confirm-submit{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 20px;transition:all .15s}.tl-confirm-submit:hover{background:#4338ca}.tm-wrapper{background:#fff;height:100vh;overflow:hidden}.tm-inner,.tm-wrapper{display:flex;flex-direction:column}.tm-inner{flex:1 1;min-height:0;position:relative}.tm-page-header{gap:14px;padding:28px 32px 0}.tm-page-header,.tm-page-header-icon{align-items:center;display:flex;flex-shrink:0}.tm-page-header-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 12px #4f46e540;color:#fff;height:44px;justify-content:center;width:44px}.tm-page-title{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;margin:0}.tm-page-subtitle{color:#64748b;font-size:13px;line-height:1.3;margin:2px 0 0}.tm-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;flex-shrink:0;height:56px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.tm-header,.tm-header-left{align-items:center;display:flex}.tm-header-left{gap:4px}.tm-header-right{gap:10px}.tm-header-right,.tm-tab-btn{align-items:center;display:flex}.tm-tab-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;gap:7px;padding:7px 14px;transition:all .15s ease}.tm-tab-btn:hover{background:#f8fafc;color:#4f46e5}.tm-tab-btn--active{background:#eef2ff;color:#4f46e5}.tm-search-wrapper{position:relative;transition:width .2s ease;width:220px}.tm-search-wrapper:focus-within{width:260px}.tm-search-icon{color:#94a3b8;display:flex;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tm-search-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#1e293b;font-family:inherit;font-size:13px;height:34px;outline:none;padding:0 12px 0 32px;transition:all .15s ease;width:100%}.tm-search-input::placeholder{color:#94a3b8}.tm-search-input:hover{background:#fff;border-color:#cbd5e1}.tm-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.tm-create-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 1px 3px #4f46e533;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;height:34px;padding:0 18px;transition:all .15s ease;white-space:nowrap}.tm-create-btn:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.tm-content{flex:1 1;overflow-y:auto;padding:24px 32px}.tm-content-inner{margin:0 auto;max-width:1600px;width:100%}.tm-section{animation:tm-fadeIn .3s ease}.tm-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.tm-stat-card{align-items:center;animation:tm-cardIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:0s;animation-delay:var(--delay,0s);background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:14px;opacity:0;overflow:hidden;padding:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tm-stat-card:before{border-radius:14px 14px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tm-stat-card:first-child:before{background:linear-gradient(90deg,#4f46e5,#818cf8)}.tm-stat-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#34d399)}.tm-stat-card:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tm-stat-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000012;transform:translateY(-2px)}.tm-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:44px}.tm-stat-card:hover .tm-stat-icon{transform:scale(1.08)}.tm-stat-icon--purple{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 2px 6px #4f46e54d;color:#fff}.tm-stat-icon--green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff}.tm-stat-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d;color:#fff}.tm-stat-value{color:#0f172a;font-size:26px;font-weight:700;line-height:1.2}.tm-stat-label{color:#64748b;font-size:12px;margin-top:1px}.tm-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 340px}.tm-layout--full{grid-template-columns:1fr}.tm-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.tm-member-list{display:flex;flex-direction:column}.tm-member-item{align-items:center;animation:tm-listIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:0s;animation-delay:var(--delay,0s);border-bottom:1px solid #f8fafc;border-left:3px solid #0000;display:flex;justify-content:space-between;opacity:0;padding:14px 20px;transition:all .15s ease}.tm-member-item:last-child{border-bottom:none}.tm-member-item:hover{background:#fafbfd;border-left-color:#4f46e5}.tm-member-left{align-items:center;display:flex;gap:14px;min-width:0}.tm-member-avatar{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:40px;justify-content:center;position:relative;transition:transform .2s ease;width:40px}.tm-member-item:hover .tm-member-avatar{transform:scale(1.05)}.tm-member-status-dot{border:2px solid #fff;border-radius:50%;bottom:-2px;height:11px;position:absolute;right:-2px;width:11px}.tm-member-status-dot--online{animation:tm-pulse-dot 2s infinite;background:#10b981;box-shadow:0 0 0 2px #10b98133}.tm-member-status-dot--engaged{animation:tm-pulse-dot 2s infinite;background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}@keyframes tm-pulse-dot{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.tm-member-info{min-width:0}.tm-member-name-row{align-items:center;display:flex;gap:8px}.tm-member-name{color:#1e293b;font-size:13px;font-weight:600}.tm-member-email,.tm-member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-member-email{color:#94a3b8;font-size:12px;margin-top:1px}.tm-member-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.tm-you-badge{background:#eef2ff;border-radius:4px;color:#4f46e5;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.tm-billing-icon{align-items:center;color:#f59e0b;display:flex}.tm-role-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;text-transform:capitalize}.tm-role-badge--admin{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.tm-role-badge--member{background:#ecfdf5;border-color:#a7f3d0;color:#10b981}.tm-action-trigger{position:relative}.tm-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;height:30px;justify-content:center;transition:all .12s ease;width:30px}.tm-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#4f46e5}.tm-action-menu{animation:tm-menuIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:200}@keyframes tm-menuIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tm-action-item{align-items:center;background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .12s ease;width:100%}.tm-action-item:hover{background:#f8fafc;color:#1e293b}.tm-action-item--danger{color:#ef4444}.tm-action-item--danger:hover{background:#fef2f2;color:#dc2626}.tm-action-item[disabled]{cursor:not-allowed;opacity:.4}.tm-action-item[disabled]:hover{background:none;color:inherit}.tm-action-divider{background:#f1f5f9;height:1px;margin:4px 0}.tm-sidebar{animation:tm-cardIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;opacity:0}.tm-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.tm-sidebar-title{color:#0f172a;font-size:14px;font-weight:600;margin:0 0 16px}.tm-invite-list{display:flex;flex-direction:column;gap:8px}.tm-invite-item{align-items:flex-start;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .15s ease}.tm-invite-item:hover{background:#f1f5f9;border-color:#e2e8f0}.tm-invite-email{color:#0f172a;font-size:13px;font-weight:500}.tm-invite-meta{color:#94a3b8;font-size:11px;margin-top:2px}.tm-invite-actions{display:flex;flex-shrink:0;gap:2px}.tm-invite-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;height:28px;justify-content:center;transition:all .12s ease;width:28px}.tm-invite-action-btn--resend{color:#4f46e5}.tm-invite-action-btn--resend:hover{background:#eef2ff}.tm-invite-action-btn--cancel{color:#ef4444}.tm-invite-action-btn--cancel:hover{background:#fef2f2}.tm-invite-action-btn--loading{opacity:.5;pointer-events:none}.tm-sidebar-empty{color:#94a3b8;font-size:13px;padding:24px 12px;text-align:center}.tm-sidebar-empty-icon{color:#cbd5e1;display:flex;justify-content:center;margin-bottom:8px}.tm-referral-content{align-items:center;animation:tm-fadeIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;padding:48px 20px}.tm-referral-icon{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:18px;box-shadow:0 4px 12px #db277740;color:#fff;display:flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.tm-referral-title{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 8px}.tm-referral-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 28px;max-width:400px;text-align:center}.tm-referral-code-box{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;display:inline-flex;gap:14px;margin-bottom:32px;padding:14px 24px}.tm-referral-code{color:#0f172a;font-family:monospace;font-size:18px;font-weight:700;letter-spacing:2px}.tm-referral-copy-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.tm-referral-copy-btn--default{background:#4f46e5;box-shadow:0 1px 3px #4f46e533;color:#fff}.tm-referral-copy-btn--default:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.tm-referral-copy-btn--copied{background:#10b981;color:#fff}.tm-referral-stats{display:flex;gap:40px;padding-top:16px}.tm-referral-stat{text-align:center}.tm-referral-stat-value{color:#0f172a;font-size:26px;font-weight:700}.tm-referral-stat-label{color:#64748b;font-size:12px;margin-top:2px}.tm-empty{animation:tm-fadeIn .3s ease;flex-direction:column;padding:60px 40px}.tm-empty,.tm-empty-icon-box{align-items:center;display:flex;justify-content:center}.tm-empty-icon-box{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:18px;box-shadow:0 4px 12px #4f46e540;color:#fff;height:72px;margin-bottom:24px;width:72px}.tm-empty-title{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px;text-align:center}.tm-empty-text{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:400px;text-align:center}.tm-empty-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 1px 3px #4f46e533;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;height:38px;padding:0 20px;transition:all .15s ease}.tm-empty-btn:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.tm-overlay{align-items:center;animation:tm-overlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes tm-overlayIn{0%{opacity:0}to{opacity:1}}.tm-dialog{animation:tm-dialogIn .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 0 0 1px #00000008,0 24px 48px -12px #0000002e,0 8px 16px -6px #00000014;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:calc(100vw - 40px);overflow:hidden;width:480px}@keyframes tm-dialogIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tm-dialog-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.tm-dialog-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.tm-dialog-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-family:inherit;height:32px;justify-content:center;transition:all .12s ease;width:32px}.tm-dialog-close:hover{background:#f1f5f9;color:#475569}.tm-dialog-body{overflow-y:auto;padding:24px}.tm-dialog-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.tm-field{margin-bottom:20px}.tm-field:last-child{margin-bottom:0}.tm-field-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.tm-required{color:#ef4444}.tm-input-wrap{align-items:center;display:flex;position:relative}.tm-input-icon{color:#94a3b8;display:flex;left:12px;pointer-events:none;position:absolute}.tm-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;height:40px;outline:none;padding:0 12px;transition:all .15s;width:100%}.tm-input--has-icon{padding-left:38px}.tm-input::placeholder{color:#94a3b8}.tm-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.tm-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;cursor:pointer;font-family:inherit;font-size:13px;height:40px;outline:none;padding:0 32px 0 12px;transition:all .15s;width:100%}.tm-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.tm-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px;-webkit-user-select:none;user-select:none}.tm-checkbox-label input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.tm-checkbox-box{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:4px;color:#0000;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s;width:18px}.tm-checkbox-label input[type=checkbox]:checked+.tm-checkbox-box{background:#4f46e5;border-color:#4f46e5;color:#fff}.tm-field-hint{color:#64748b;font-size:12px;line-height:1.5;margin:6px 0 0}.tm-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 20px;transition:all .15s ease}.tm-btn:hover{background:#f8fafc;border-color:#cbd5e1}.tm-btn--primary{background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 3px #4f46e533;color:#fff;font-weight:600}.tm-btn--primary:hover{background:#4338ca;border-color:#4338ca}.tm-btn--primary:disabled{cursor:not-allowed;opacity:.6}.tm-btn-spinner{animation:tm-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes tm-spin{to{transform:rotate(1turn)}}@keyframes tm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tm-shimmer{animation:tm-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px}.tm-skeleton-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;height:56px;padding:0 32px}.tm-skeleton-tab{height:32px;width:80px}.tm-skeleton-content{margin:0 auto;max-width:1600px;padding:24px 32px}.tm-skeleton-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.tm-skeleton-stat-card{border-radius:14px;height:80px}.tm-skeleton-list{display:flex;flex-direction:column;gap:8px}.tm-skeleton-list-item{border-radius:10px;height:64px}@keyframes tm-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tm-cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tm-listIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@media (max-width:992px){.tm-layout{grid-template-columns:1fr}.tm-stats{grid-template-columns:repeat(3,1fr)}.tm-header{padding:0 20px}.tm-content{padding:20px}.tm-page-header{padding:20px 20px 0}}@media (max-width:768px){.tm-header{flex-wrap:wrap;gap:10px;height:auto;padding:12px 16px}.tm-header-left{width:100%}.tm-header-right{flex-wrap:wrap;width:100%}.tm-content{padding:16px}.tm-page-header{padding:16px 16px 0}.tm-stats{gap:10px;grid-template-columns:1fr}.tm-search-wrapper{flex:1 1;min-width:140px;width:auto}.tm-search-wrapper:focus-within{width:auto}.tm-create-btn span{display:none}.tm-create-btn{justify-content:center;padding:0;width:34px}.tm-referral-stats{gap:20px}.tm-skeleton-stats{grid-template-columns:1fr}.tm-dialog{margin:16px;width:calc(100vw - 32px)}.tm-member-item{padding:12px 16px}}@media (max-width:576px){.tm-header{padding:10px 12px}.tm-content{padding:12px}.tm-page-header{padding:12px 12px 0}}