:root{--notif-bg:#fff;--notif-bg-hover:#f8f9fb;--notif-bg-skeleton:#f1f3f5;--notif-border:#e8eaed;--notif-border-subtle:#f0f1f3;--notif-text-primary:#1a1d21;--notif-text-secondary:#5f6368;--notif-text-tertiary:#9aa0a6;--notif-text-link:#2d5bff;--notif-accent:#2d5bff;--notif-unread-dot:#2d5bff;--notif-green:#1a8754;--notif-green-bg:#e6f4ed;--notif-amber:#b45309;--notif-amber-bg:#fef3c7;--notif-blue:#2563eb;--notif-blue-bg:#eff6ff;--notif-purple:#7c3aed;--notif-purple-bg:#f3f0ff;--notif-shadow:0 8px 30px #00000014,0 2px 8px #0000000a,0 0 0 1px #0000000a;--notif-radius:12px;--notif-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.notif-backdrop{background:#0000;inset:0;position:fixed;z-index:999}.notif-panel{background:#fff;background:var(--notif-bg);border:1px solid #e8eaed;border:1px solid var(--notif-border);border-radius:12px;border-radius:var(--notif-radius);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a,0 0 0 1px #0000000a;box-shadow:var(--notif-shadow);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--notif-font);max-height:50vh;min-height:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;transform:translateX(-8px) scale(.98);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);width:320px;z-index:1000}.notif-panel.notif-panel--open{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.notif-header{align-items:center;border-bottom:1px solid #f0f1f3;border-bottom:1px solid var(--notif-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px 8px}.notif-header__left{align-items:center;display:flex;gap:8px}.notif-header__title{color:#1a1d21;color:var(--notif-text-primary);font-size:13px;font-weight:600;letter-spacing:-.01em;margin:0}.notif-header__count{background:#eef1fe;border-radius:10px;color:#2d5bff;color:var(--notif-accent);font-size:11px;font-weight:600;line-height:1.5;padding:1px 7px}.notif-header__actions{align-items:center;display:flex;gap:4px}.notif-header__mark-read{background:none;border:none;border-radius:6px;color:#9aa0a6;color:var(--notif-text-tertiary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:color .15s,background .15s;white-space:nowrap}.notif-header__mark-read:hover{background:#f4f6ff;color:#2d5bff;color:var(--notif-text-link)}.notif-header__close{align-items:center;background:none;border:none;border-radius:6px;color:#9aa0a6;color:var(--notif-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color .15s,background .15s;width:28px}.notif-header__close:hover{background:#f8f9fb;background:var(--notif-bg-hover);color:#1a1d21;color:var(--notif-text-primary)}.notif-header__close svg{height:16px;width:16px}.notif-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:4px 0}.notif-body::-webkit-scrollbar{width:4px}.notif-body::-webkit-scrollbar-track{background:#0000}.notif-body::-webkit-scrollbar-thumb{background:#d5d8dc;border-radius:4px}.notif-body::-webkit-scrollbar-thumb:hover{background:#b0b5bd}.notif-group__label{color:#9aa0a6;color:var(--notif-text-tertiary);font-size:11px;font-weight:600;letter-spacing:.05em;margin:0;padding:10px 16px 4px;text-transform:uppercase}.notif-item{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:7px 14px;position:relative;text-align:left;transition:background .12s ease;width:100%}.notif-item:hover{background:#f8f9fb;background:var(--notif-bg-hover)}.notif-item:active{background:#f0f2f5}.notif-item__icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;width:28px}.notif-item__icon svg{height:13px;width:13px}.notif-item__icon--complete{background:#e6f4ed;background:var(--notif-green-bg);color:#1a8754;color:var(--notif-green)}.notif-item__icon--budget{background:#fef3c7;background:var(--notif-amber-bg);color:#b45309;color:var(--notif-amber)}.notif-item__icon--workflow{background:#eff6ff;background:var(--notif-blue-bg);color:#2563eb;color:var(--notif-blue)}.notif-item__icon--handover{background:#f3f0ff;background:var(--notif-purple-bg);color:#7c3aed;color:var(--notif-purple)}.notif-item__icon--execution-complete{background:#52c41a1a;color:#52c41a}.notif-item__icon--execution-failed{background:#ff4d4f1a;color:#ff4d4f}.notif-item__icon--default{background:#f3f4f6;color:#6b7280}.notif-item__content{flex:1 1;min-width:0}.notif-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1d21;color:var(--notif-text-primary);display:-webkit-box;font-size:12px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.notif-item__title strong{font-weight:600}.notif-item__time{color:#9aa0a6;color:var(--notif-text-tertiary);font-size:11px;line-height:1;margin-top:3px}.notif-item__unread{background:#2d5bff;background:var(--notif-unread-dot);border-radius:50%;box-shadow:0 0 0 2px #4f6ef726;flex-shrink:0;height:7px;margin-top:14px;width:7px}.notif-load-more{display:flex;justify-content:center;padding:8px 0 12px}.notif-load-more__btn{background:#fff;background:var(--notif-bg);border:1px solid #e8eaed;border:1px solid var(--notif-border);border-radius:6px;color:#9aa0a6;color:var(--notif-text-tertiary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:color .15s,border-color .15s,background .15s}.notif-load-more__btn:hover{background:#f8f9fb;background:var(--notif-bg-hover);border-color:#d0d3d8;color:#1a1d21;color:var(--notif-text-primary)}.notif-load-more__btn:disabled{cursor:default;opacity:.5}.notif-load-more__btn .notif-spinner{animation:notif-spin .6s linear infinite;border:1.5px solid #e8eaed;border-top-color:#9aa0a6;border:1.5px solid var(--notif-border);border-radius:50%;border-top-color:var(--notif-text-tertiary);display:inline-block;height:12px;margin-right:6px;vertical-align:middle;width:12px}.notif-skeleton{align-items:flex-start;display:flex;gap:10px;padding:10px 16px}.notif-skeleton__icon{animation:notif-pulse 1.5s ease-in-out infinite;background:#f1f3f5;background:var(--notif-bg-skeleton);border-radius:7px;flex-shrink:0;height:28px;width:28px}.notif-skeleton__lines{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-top:2px}.notif-skeleton__line{animation:notif-pulse 1.5s ease-in-out infinite;background:#f1f3f5;background:var(--notif-bg-skeleton);border-radius:4px;height:10px}.notif-skeleton__line--short{width:45%}.notif-skeleton__line--medium{width:75%}.notif-skeleton__line--long{width:90%}.notif-empty{flex-direction:column;padding:36px 24px;text-align:center}.notif-empty,.notif-empty__icon{align-items:center;display:flex;justify-content:center}.notif-empty__icon{background:#f4f6f8;border-radius:14px;height:48px;margin-bottom:16px;width:48px}.notif-empty__icon svg{color:#c4c9d0;height:22px;width:22px}.notif-empty__title{color:#1a1d21;color:var(--notif-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.notif-empty__desc{color:#9aa0a6;color:var(--notif-text-tertiary);font-size:13px;line-height:1.4;margin:0}@keyframes notif-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes notif-spin{to{transform:rotate(1turn)}}.notif-bell-badge{align-items:center;background:#ef4444;border:2px solid #fff;border:2px solid var(--notif-bg);border-radius:9px;box-shadow:0 1px 3px #ef444459;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--notif-font);font-size:10px;font-weight:700;height:17px;justify-content:center;letter-spacing:-.02em;line-height:1;min-width:17px;padding:0 4px;position:absolute;right:-4px;top:-4px}@keyframes bell-ring{0%{transform:rotate(0)}10%{transform:rotate(8deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.bell-pulse svg{animation:bell-ring 2s ease-in-out infinite;transform-origin:top center}.notifications-details-main{background-color:#fff;padding:20px}.notifications-details{height:calc(100vh - 240px);overflow-y:auto}.notifications-details-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 10px}.notifications-details-heading h4{border:1px solid #0000;border-radius:10px;color:#061db7;padding:12px;transition:all .3s ease-out}.notifications-details-heading h4:hover{border:1px solid #061db7;color:#061db7;cursor:pointer}.notifications-details::-webkit-scrollbar{width:8px}.notifications-details::-webkit-scrollbar-track{background:#fff}.notifications-details::-webkit-scrollbar-thumb{background:#0b4eb8;border-radius:8px}.notifications-details::-webkit-scrollbar-thumb:hover{background:#092f6a}.notifications-card{align-items:center;background-color:#f0f8ff;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:5px;margin-right:10px;overflow:hidden;padding:12px;transition:all .3s ease-out}.notifications-card:hover{background-color:#b2d9f9;box-shadow:0 2px 8px 0 #b2d9f9}.notifications-card .notifications-avatar{background-color:#061db7;color:#fff;font-size:16px;font-weight:700;margin-right:20px}.notifications-card .notifications-title{color:#000;font-size:16px;font-weight:700;margin-bottom:0}.notifications-card .notifications-desc{font-size:16px;margin-bottom:0}.empty-notifications{align-items:center;display:flex;flex-direction:column;height:calc(70vh - 50px);justify-content:center}.empty-notifications .notification-img{height:200px;margin-bottom:20px;width:200px}.empty-notifications h4{color:#444;font-size:25px;font-weight:700;text-align:center}.empty-notifications p{color:#565656;font-size:20px;text-align:center}.progress-detail-modal .ant-modal-content{border-radius:12px;overflow:hidden}.progress-detail-modal .ant-modal-header{background:#4096ff;border-bottom:none;padding:16px 24px}.progress-detail-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.progress-detail-modal .ant-modal-close{color:#fff}.progress-detail-modal .ant-modal-body{background:#fff;padding:24px}.stat-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;height:100%;margin-bottom:16px;padding:20px}.stat-label{color:#8c8c8c;font-size:14px;margin-bottom:8px}.stat-value{align-items:center;display:flex;font-size:28px;font-weight:600;gap:8px;margin-bottom:4px}.stat-note{color:#8c8c8c;font-size:12px}.campaign-progress-section{margin-top:24px}.section-header{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;position:relative}.section-header .icon{color:#4096ff}.distribution-count{color:#8c8c8c;font-size:14px;font-weight:400;margin-left:auto}.progress-bar{margin-bottom:16px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar-container{width:200px}.email-stats-container{display:flex;gap:16px;margin-top:16px}.email-stat-box{background:#f9f9f9;border-radius:8px;min-width:110px;padding:12px 16px;text-align:center}.email-stat-box.sent .stat-box-value{color:#1890ff}.email-stat-box.remaining .stat-box-value{color:#722ed1}.stat-box-value{font-size:28px;font-weight:600;margin-bottom:4px}.stat-box-label{color:#8c8c8c;font-size:13px;font-weight:500}.timing-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.timing-box{background:#f9f9f9;border-radius:8px;padding:12px}.timing-label{color:#8c8c8c;font-size:12px;margin-bottom:4px}.timing-value{font-size:16px;font-weight:500}.started-info{background:#1890ff0d;border:1px solid #1890ff33;color:#1890ff;gap:8px;margin-top:12px;padding:12px}.sender-row,.started-info{align-items:center;border-radius:8px;display:flex}.sender-row{background:#fff;border:1px solid #f0f0f0;justify-content:space-between;margin-bottom:12px;padding:16px}.sender-info{gap:12px}.sender-avatar,.sender-info{align-items:center;display:flex}.sender-avatar{background:#4096ff;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;width:32px}.sender-details{display:flex;flex-direction:column;gap:4px}.sender-name{font-weight:500}.sender-stat{color:#8c8c8c;font-size:12px}.sender-stat .ant-divider-vertical{border-left:1px solid #d9d9d9;height:12px;margin:0 8px}.next-email-section{background:#722ed1;border-radius:12px;color:#fff;margin-top:24px;padding:20px}.section-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.email-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.email-field{display:flex;flex-direction:column;gap:4px}.field-label{color:#ffffffb3;font-size:12px}.field-value{font-weight:500}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-timer{align-items:center;background-color:#ffffff26;border-radius:12px;color:#ffffffe6;display:inline-flex;font-size:12px;gap:6px;margin-top:6px;padding:4px 8px}@media (max-width:576px){.email-grid,.timing-info{gap:12px;grid-template-columns:1fr}.sender-row{align-items:flex-start;flex-direction:column}.progress-bar-container{margin-top:12px;width:100%}.email-stats-container{justify-content:space-between;width:100%}.email-stat-box{flex:1 1}}.sched-campaign-modal .ant-modal-content{border-radius:16px;overflow:hidden}.sched-campaign-modal .ant-modal-header{background:linear-gradient(135deg,#722ed1,#531dab);border-bottom:none;padding:16px 24px}.sched-campaign-modal .ant-modal-title{color:#fff;font-weight:600}.sched-campaign-modal .ant-modal-body{padding:24px}.sched-info-section{border-radius:12px;box-shadow:0 2px 8px #0000000f}.sched-info-section .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.sched-info-section .ant-card-head-title{font-size:16px;font-weight:600}.sched-info-section .ant-card-body{padding:24px}.sched-info-box{margin-bottom:16px}.sched-info-label{align-items:center;color:#00000073;display:flex;font-size:14px;margin-bottom:8px}.sched-info-label .anticon{color:#722ed1;margin-right:8px}.sched-info-value{color:#000000d9;font-size:16px;font-weight:500}.sched-time-remaining{color:#722ed1;font-weight:400}.sched-stat-box{background-color:#f9f0ff;border-radius:12px;height:100%;padding:16px;text-align:center}.sched-stat-value{color:#722ed1;font-size:28px;font-weight:600;margin-bottom:8px}.sched-stat-label{color:#000000a6;font-size:14px}.sched-detail-section{margin-top:16px}.sched-detail-header{align-items:center;color:#000000d9;display:flex;font-size:16px;font-weight:500;margin-bottom:16px}.sched-detail-header .anticon{color:#722ed1;margin-right:8px}.sched-detail-item{margin-bottom:16px}.sched-detail-label{color:#00000073;font-size:14px;margin-bottom:4px}.sched-detail-value{color:#000000d9;font-size:15px}.sched-sender-item{margin-bottom:12px}.sched-sender-email{color:#000000d9;font-size:15px;font-weight:500;margin-bottom:4px}.sched-sender-details{color:#000000a6;font-size:13px}.sched-distribution-summary{background-color:#f9f0ff;border-radius:8px;margin-top:24px;padding:12px;text-align:center}.sched-additional-info{color:#000000a6;font-size:14px;line-height:1.6}.sched-campaign-modal .ant-timeline-item-content{padding-bottom:20px}@media (max-width:576px){.sched-info-section .ant-card-body{padding:16px}.sched-stat-box{padding:12px}.sched-stat-value{font-size:24px}.sched-sender-email{font-size:14px}.sched-sender-details{font-size:12px}}@keyframes sched_pulse{0%{box-shadow:0 4px 12px #722ed126}50%{box-shadow:0 4px 20px #722ed140}to{box-shadow:0 4px 12px #722ed126}}.sched-card .ant-tag:hover{transform:scale(1.05);transition:transform .2s ease}.sched-card .ant-badge-status-text{font-weight:500;margin-left:5px}.sched-card .ant-space-vertical,.sched-info-card-content{width:100%}.sched-action-button{transition:all .3s ease}.sched-action-button:hover{transform:translateY(-2px)}.sched-text-overflow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sched-hover-lift{transition:transform .3s ease}.sched-hover-lift:hover{transform:translateY(-5px)}@media (max-width:576px){.sched-card .ant-card-body{padding:16px}.sched-card .ant-space{margin-bottom:8px}}.plan-list-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 64px);padding:24px}.plan-list-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.plan-list-title-section{display:flex;flex-direction:column;gap:4px}.plan-list-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.plan-list-subtitle{color:#64748b;font-size:14px;margin:0}.plan-list-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.plan-list-actions .ant-btn-primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 14px #7c3aed66;font-weight:600;height:40px;padding:0 20px;transition:all .3s ease}.plan-list-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px)}.plan-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.plan-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.plan-stat-card:before{border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-stat-card.total:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.plan-stat-card.active:before{background:linear-gradient(90deg,#10b981,#34d399)}.plan-stat-card.inactive:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.plan-stat-card.deprecated:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.plan-stat-card.coming:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.plan-stat-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.plan-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.plan-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.plan-stat-card.total .plan-stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.plan-stat-card.active .plan-stat-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.plan-stat-card.inactive .plan-stat-icon{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b}.plan-stat-card.deprecated .plan-stat-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.plan-stat-card.coming .plan-stat-icon{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#06b6d4}.plan-stat-value{color:#0f172a;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.plan-stat-label{color:#64748b;font-size:13px;font-weight:500}.plan-filters-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.plan-filter-group{align-items:center;display:flex;gap:8px}.plan-filter-label{color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.plan-filters-section .ant-select{min-width:140px}.plan-filters-section .ant-select-selector{border-color:#e2e8f0!important;border-radius:8px!important;height:38px!important}.plan-filters-section .ant-input-affix-wrapper{border-color:#e2e8f0;border-radius:8px;height:38px}.plan-search-input{width:280px}.plan-filter-reset{margin-left:auto}.plan-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.plan-table-card .ant-table{background:#0000}.plan-table-card .ant-table-thead>tr>th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.plan-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9;padding:16px;vertical-align:middle}.plan-table-card .ant-table-tbody>tr:hover>td{background:#f8fafc}.plan-table-card .ant-table-tbody>tr:last-child>td{border-bottom:none}.plan-name-cell{align-items:center;display:flex;gap:12px}.plan-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.plan-icon-wrapper.free{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.plan-icon-wrapper.starter{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.plan-icon-wrapper.professional{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.plan-icon-wrapper.business{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#a855f7}.plan-icon-wrapper.enterprise{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.plan-icon-wrapper.custom{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#14b8a6}.plan-name-info{display:flex;flex-direction:column;gap:2px;min-width:0}.plan-name-text{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px}.plan-popular-badge{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.plan-description{color:#64748b;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-pricing-cell{display:flex;flex-direction:column;gap:4px}.plan-price-main{align-items:baseline;display:flex;gap:4px}.plan-price-currency{color:#64748b;font-size:14px;font-weight:500}.plan-list-table .plan-price-amount{color:#0f172a;font-size:20px;font-weight:700}.plan-list-table .plan-price-period{color:#94a3b8;font-size:12px}.plan-price-annual{color:#64748b;font-size:11px}.plan-price-annual .savings{color:#10b981;font-weight:600}.plan-limits-cell{display:flex;flex-wrap:wrap;gap:6px}.plan-limit-badge{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.plan-limit-badge svg{color:#94a3b8;font-size:12px}.plan-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.plan-status-badge.active{background:#ecfdf5;color:#059669}.plan-status-badge.inactive{background:#f1f5f9;color:#64748b}.plan-status-badge.deprecated{background:#fef3c7;color:#d97706}.plan-status-badge.coming_soon{background:#ecfeff;color:#0891b2}.plan-status-dot{border-radius:50%;height:8px;width:8px}.plan-status-badge.active .plan-status-dot{animation:pulse 2s infinite;background:#10b981;box-shadow:0 0 0 3px #10b98133}.plan-status-badge.inactive .plan-status-dot{background:#94a3b8}.plan-status-badge.deprecated .plan-status-dot{background:#f59e0b}.plan-status-badge.coming_soon .plan-status-dot{animation:pulse 2s infinite;background:#06b6d4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.plan-visibility-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.plan-visibility-badge.public{background:#ede9fe;color:#7c3aed}.plan-visibility-badge.private{background:#f3e8ff;color:#9333ea}.plan-visibility-badge.hidden{background:#f1f5f9;color:#64748b}.plan-tier-badge{align-items:center;border-radius:8px;color:#475569;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.plan-tier-badge,.plan-tier-badge.tier-0{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.plan-tier-badge.tier-0{color:#64748b}.plan-tier-badge.tier-1{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.plan-tier-badge.tier-2{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.plan-tier-badge.tier-3{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#9333ea}.plan-tier-badge.tier-4{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.plan-actions{display:flex;gap:4px;justify-content:flex-end}.plan-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.plan-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.plan-action-btn.edit:hover{background:#ede9fe;border-color:#c4b5fd;color:#7c3aed}.plan-action-btn.duplicate:hover{background:#ecfdf5;border-color:#a7f3d0;color:#10b981}.plan-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.plan-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.plan-pagination-info{color:#64748b;font-size:13px}.plan-pagination .ant-pagination-item{border-color:#e2e8f0;border-radius:8px}.plan-pagination .ant-pagination-item-active{background:#7c3aed;border-color:#7c3aed}.plan-pagination .ant-pagination-item-active a{color:#fff}.plan-empty-state{padding:80px 20px;text-align:center}.plan-empty-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:20px;color:#7c3aed;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.plan-empty-title{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:8px}.plan-empty-description{color:#64748b;font-size:14px;margin-bottom:24px}.plan-type-tag{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.plan-type-tag.free{background:#f1f5f9;color:#64748b}.plan-type-tag.starter{background:#ede9fe;color:#7c3aed}.plan-type-tag.professional{background:#eef2ff;color:#4f46e5}.plan-type-tag.business{background:#fae8ff;color:#a855f7}.plan-type-tag.enterprise{background:#fef3c7;color:#d97706}.plan-type-tag.custom{background:#ccfbf1;color:#0d9488}@media (max-width:1400px){.plan-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.plan-stats-grid{grid-template-columns:repeat(2,1fr)}.plan-description{max-width:150px}}@media (max-width:992px){.plan-list-header{align-items:stretch;flex-direction:column}.plan-list-actions{justify-content:flex-start}.plan-filters-section{align-items:stretch;flex-direction:column}.plan-filter-group,.plan-filters-section .ant-select,.plan-search-input{width:100%}.plan-filter-reset{margin-left:0;margin-top:8px}}@media (max-width:768px){.plan-list-container{padding:16px}.plan-stats-grid{grid-template-columns:1fr 1fr}.plan-list-title{font-size:22px}.plan-stat-value{font-size:24px}.plan-table-card{overflow-x:auto}.plan-table-card .ant-table{min-width:900px}}@media (max-width:576px){.plan-stats-grid{grid-template-columns:1fr}.plan-list-actions{flex-direction:column;width:100%}.plan-list-actions .ant-btn{width:100%}}.plan-modal .ant-modal-content{border-radius:16px;overflow:hidden}.plan-modal .ant-modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.plan-modal .ant-modal-title{color:#0f172a;font-size:18px;font-weight:600}.plan-modal .ant-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.plan-modal .ant-modal-footer{border-top:1px solid #e2e8f0;padding:16px 24px}.onboarding-survey-modal .ant-modal-content{background:#0000;box-shadow:none;padding:0}.onboarding-survey-modal .ant-modal-body{padding:0}.obx-card{cursor:pointer;outline:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;-webkit-user-select:none;user-select:none}.obx-card:hover{box-shadow:var(--obx-shadow);transform:translateY(-2px)}.obx-card:focus-visible{box-shadow:0 0 0 2px var(--obx-accent)}.obx-scroll{scrollbar-color:var(--obx-scrollthumb) #0000;scrollbar-width:thin}.obx-scroll::-webkit-scrollbar{width:8px}.obx-scroll::-webkit-scrollbar-thumb{background:var(--obx-scrollthumb);border-radius:8px}.obx-scroll::-webkit-scrollbar-track{background:#0000}.obx-skip{cursor:pointer;transition:color .15s ease}.obx-skip:hover{color:var(--obx-accent)!important}:root{--primary-color:#4f46e5;--navy-blue:#172554;--accent-blue:#3b82f6;--surface-light:#fff;--surface-subtle:#f9fafb;--border-light:#e5e7eb;--border-subtle:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.2s cubic-bezier(0.4,0,0.2,1)}.sidebar-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--surface-light);bottom:0;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);left:0;overflow:hidden;position:absolute;top:0;transform:translateZ(0);transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--transition-smooth);-webkit-user-select:none;user-select:none;width:375px;will-change:width;z-index:10}.sidebar-wrapper.collapsed{width:0}.flow-builder-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;left:375px;overflow:hidden;position:absolute;right:0;top:0;transform:translateZ(0);transition:left .2s cubic-bezier(.4,0,.2,1);transition:left var(--transition-smooth);will-change:left}.flow-builder-container.sidebar-collapsed{left:0}.task-sidebar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--surface-light);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);bottom:0;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translateZ(0);transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--transition-smooth);width:375px;will-change:width;z-index:10}.task-sidebar:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.task-sidebar.collapsed{width:0}.task-sidebar-header{background-color:#fff;border-bottom:none;display:flex;flex-direction:column;padding:0}.task-sidebar-header.compact{padding:0}.sidebar-search{align-items:center;background:#f3f4f6;border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:8px;display:flex;height:36px;margin:10px 12px 8px;position:relative;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-search:focus-within{background:#fff;border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.sidebar-search-icon{color:#6b7280;color:var(--text-muted);flex-shrink:0;left:10px;pointer-events:none;position:absolute}.sidebar-search-input{background:#0000;border:none;color:#111827;color:var(--text-primary);font-family:inherit;font-size:13px;height:100%;outline:none;padding:0 30px 0 32px;width:100%}.sidebar-search-clear,.sidebar-search-input::placeholder{color:#6b7280;color:var(--text-muted)}.sidebar-search-clear{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:6px;width:20px}.sidebar-search-clear:hover{background:#0000000f;color:#374151;color:var(--text-secondary)}.categories-tabs{background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 6px}.category-tab{background-color:#f9fafb;background-color:var(--cat-bg,var(--surface-subtle));border-radius:6px;color:#374151;color:var(--cat-color,var(--text-secondary));cursor:pointer;font-size:12px;font-weight:500;margin-bottom:2px;overflow:hidden;padding:2px 10px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.category-tab:before{background:#4f46e5;background:var(--cat-color,var(--primary-color));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.category-tab:hover:before{width:100%}.category-tab:hover{background-color:#f5f5ff;background-color:var(--cat-bg,#f5f5ff);color:#4f46e5;color:var(--cat-color,var(--primary-color));transform:translateY(-1px)}.task-sidebar{--cat-color:#4f46e5;--cat-bg:#eef2ff;--cat-border:#c7d2fe}.cat-scope--web,.category-tab--web{--cat-color:#3b82f6;--cat-bg:#eff6ff;--cat-border:#bfdbfe}.cat-scope--ssh,.category-tab--ssh{--cat-color:#475569;--cat-bg:#f1f5f9;--cat-border:#cbd5e1}.cat-scope--filesystem,.category-tab--filesystem{--cat-color:#d97706;--cat-bg:#fffbeb;--cat-border:#fde68a}.cat-scope--database,.category-tab--database{--cat-color:#059669;--cat-bg:#ecfdf5;--cat-border:#a7f3d0}.cat-scope--api,.category-tab--api{--cat-color:#7c3aed;--cat-bg:#f5f3ff;--cat-border:#c4b5fd}.cat-scope--dataAnalysis,.category-tab--dataAnalysis{--cat-color:#ea580c;--cat-bg:#fff7ed;--cat-border:#fed7aa}.cat-scope--logical,.category-tab--logical{--cat-color:#4f46e5;--cat-bg:#eef2ff;--cat-border:#c7d2fe}.cat-scope--ai,.category-tab--ai{--cat-color:#c026d3;--cat-bg:#fdf4ff;--cat-border:#f0abfc}.cat-scope--integrations,.category-tab--integrations{--cat-color:#0d9488;--cat-bg:#f0fdfa;--cat-border:#99f6e4}.cat-scope--developer_tools,.category-tab--developer_tools{--cat-color:#e11d48;--cat-bg:#fff1f2;--cat-border:#fecdd3}.cat-scope--helpers,.category-tab--helpers{--cat-color:#6b7280;--cat-bg:#f9fafb;--cat-border:#d1d5db}.category-tab.active{background:#4f46e5;background:var(--cat-color,var(--primary-color));box-shadow:0 2px 8px color-mix(in srgb,var(--cat-color) 35%,#0000);color:#fff;font-weight:500}.category-tab.active:before{display:none}.category-icon{color:inherit;flex-shrink:0}.task-sidebar-content{background-color:#fff;background-color:var(--surface-light);flex:1 1;overflow-y:auto;padding:12px 10px;scroll-behavior:smooth;scrollbar-color:#0000001f #0000;scrollbar-width:thin}.task-sidebar-content::-webkit-scrollbar{background:#5354e5}.task-sidebar-content::-webkit-scrollbar-track{background:#5354e5;border-radius:6px}.task-sidebar-content::-webkit-scrollbar-thumb{background-color:#172554;background-color:var(--navy-blue);border-radius:6px}.subcategories-container{display:flex;flex-direction:column;gap:16px;width:100%}.subcategory-card{background:#f9fafb;background:var(--surface-subtle);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 2px 8px #00000008;box-sizing:border-box;margin-bottom:2px;overflow:hidden;padding:10px 12px;position:relative;transition:all .25s cubic-bezier(.17,.67,.83,.67);width:100%}.subcategory-card:hover{border-color:#e5e7eb;border-color:var(--border-light);box-shadow:0 8px 20px #00000014;transform:none}.subcategory-card--disabled{filter:grayscale(.5);opacity:.45;pointer-events:none}.subcategory-card--disabled .subcategory-header:after{color:#94a3b8;content:"Not configured";font-size:10px;font-style:italic;font-weight:500;margin-left:auto}.subcategory-card:before{background:linear-gradient(90deg,#4f46e5,#3b82f6);background:linear-gradient(to right,var(--primary-color),var(--accent-blue));content:"";height:3px;left:0;opacity:.7;position:absolute;top:0;transition:height .3s ease,opacity .3s ease;width:100%}.subcategory-card:hover:before{height:4px;opacity:1}.subcategory-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.subcategory-title{color:#111827;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600}.task-count{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;transform:scale(1);transition:transform .2s ease,box-shadow .2s ease}.subcategory-card:hover .task-count{border:none;box-shadow:0 2px 6px #4f46e580;transform:scale(1.05)}.subcategory-description{color:#6b7280;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:14px;transition:color .2s ease}.subcategory-card:hover .subcategory-description{color:#374151;color:var(--text-secondary)}.node-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px;width:100%}.node-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;cursor:grab;display:flex;font-size:12px;height:auto;min-height:46px;overflow:hidden;padding:7px 8px 7px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.node-item:hover{background:linear-gradient(90deg,#f8f8ff,#f0f5ff);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 6px 12px #4f46e51f;transform:translateY(-2px) scale(1.01);z-index:1}.node-item.dragging,.node-item:active{background:#eef1ff;border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 2px 4px #4f46e51a;cursor:grabbing;opacity:.95;transform:scale(.98)}.node-item:after{border-radius:10px;bottom:0;box-shadow:0 0 0 0 #4f46e500;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:box-shadow .3s ease}.node-item:hover:after{box-shadow:0 0 0 2px #4f46e540}.node-icon{align-items:center;align-self:center;background-color:#4f46e50d;border-radius:6px;box-shadow:0 0 0 0 #4f46e500;color:#4f46e5;color:var(--primary-color);display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;opacity:.85;padding:3px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:24px}.node-item:hover .node-icon{background-color:#4f46e526;box-shadow:0 0 0 4px #4f46e51a;color:#3b82f6;color:var(--accent-blue);opacity:1;transform:scale(1.1) rotate(5deg)}.node-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:4px;margin-right:6px;min-width:0;overflow:hidden}.node-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--text-secondary);display:-webkit-box;font-size:12px;font-weight:500;line-height:1.2;max-width:100%;min-height:14px;overflow:hidden;padding-right:4px;text-overflow:ellipsis;transition:color .2s ease;white-space:normal}.node-item:hover .node-name{color:#111827;color:var(--text-primary);font-weight:600}.drag-handle{align-items:center;align-self:center;background-color:initial;border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:grab;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.6;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:22px}.node-item:hover .drag-handle{background-color:#4f46e5;background-color:var(--primary-color);box-shadow:0 2px 4px #4f46e54d;color:#fff;opacity:1}.drag-plus{opacity:.8;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.node-item:hover .drag-plus{cursor:pointer;opacity:1;transform:rotate(90deg)}@keyframes nodeEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subcategory-card .node-item{animation:nodeEntrance .3s ease forwards;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.05s)}.search-results{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:16px}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 4px}.search-result-count{color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:500}.clear-search-btn{background:none;border:none;border-radius:4px;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;padding:5px 10px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.clear-search-btn:hover{background-color:#4f46e51a;transform:translateY(-1px)}.search-result-card{border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color)}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;left:375px;position:absolute;top:10px;transition:left .2s cubic-bezier(.4,0,.2,1),transform .2s ease,background-color .2s ease,box-shadow .2s ease;transition:left var(--transition-smooth),transform .2s ease,background-color .2s ease,box-shadow .2s ease;width:32px;z-index:11}.sidebar-toggle:hover{background-color:#f9fafb;background-color:var(--surface-subtle);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#4f46e5;color:var(--primary-color);transform:scale(1.05)}.sidebar-toggle.collapsed{left:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.subcategory-card{animation:fadeIn .3s ease}.node-editor{background-color:#fff;background-color:var(--surface-light);bottom:0;box-sizing:border-box;color:#111827;color:var(--text-primary);height:100%;left:0;overflow-y:auto;padding:16px;position:absolute;right:0;scrollbar-color:#0000001f #0000;scrollbar-width:thin;top:0;width:100%}.node-editor::-webkit-scrollbar{width:6px}.node-editor::-webkit-scrollbar-track{background:#0000;border-radius:6px}.node-editor::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:6px}.node-editor::-webkit-scrollbar-thumb:hover{background-color:#0003}.node-editor-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.node-editor .ant-card{border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;transition:box-shadow .2s ease}.node-editor .ant-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.node-editor .ant-card-head{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);min-height:42px;padding:0 16px}.node-editor .ant-card-head-title{font-weight:600;padding:10px 0}.node-editor .ant-card-body{padding:16px}.node-editor .ant-alert{margin-bottom:16px}.node-editor .ant-alert-info{background-color:#e6f4ff;border-left:4px solid #1677ff}.node-editor .ant-alert-warning{background-color:#fffbe6;border-left:4px solid #faad14}.node-editor .ant-alert-error{background-color:#fff2f0;border-left:4px solid #ff4d4f}.node-editor .ant-alert-message{font-size:14px;font-weight:500}.node-editor .ant-alert-description{color:#374151;color:var(--text-secondary);font-size:13px}.node-editor .ant-input,.node-editor .ant-select,.node-editor .ant-select-selector{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transition:all .2s ease}.node-editor .ant-input:hover,.node-editor .ant-select:hover .ant-select-selector{border-color:#4f46e5;border-color:var(--primary-color)}.node-editor .ant-input-focused,.node-editor .ant-input:focus,.node-editor .ant-select-focused .ant-select-selector{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.variable-input-wrapper{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;display:flex;overflow:hidden;transition:border .2s ease}.variable-input-wrapper:focus-within,.variable-input-wrapper:hover{border-color:#4f46e5;border-color:var(--primary-color)}.variable-prefix{align-items:center;background-color:#f9fafb;background-color:var(--surface-subtle);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);color:#6b7280;color:var(--text-muted);display:flex;font-weight:500;height:100%;padding:0 8px}.variable-input-wrapper .ant-input{border:none;border-radius:0;box-shadow:none}.variable-input-wrapper .ant-input-focused,.variable-input-wrapper .ant-input:focus{box-shadow:none}.node-editor .ant-badge .ant-badge-count{border-radius:9px;font-size:11px;font-weight:500;height:18px;line-height:18px;padding:0 6px}.node-editor .ant-collapse{background:#0000;border:none}.node-editor .ant-collapse-ghost>.ant-collapse-item{border-bottom:none}.node-editor .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{background-color:initial}.node-editor .ant-collapse-header{background-color:#f9fafb;background-color:var(--surface-subtle);border-radius:6px!important;padding:8px 12px!important}.node-editor .ant-collapse-content-box{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:0 0 6px 6px;border-top:none;padding:12px!important}.node-editor .ant-select-item{align-items:center;display:flex;padding:8px 12px}.node-editor .ant-select-item-option-selected{background-color:#4f46e51a}.node-editor .ant-select-item-option-active{background-color:#4f46e50d}.node-editor .ant-btn{align-items:center;border-radius:6px;display:inline-flex;gap:6px;justify-content:center;transition:all .2s ease}.node-editor .ant-btn:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.node-editor .ant-btn-link{color:#4f46e5;color:var(--primary-color)}.node-editor .ant-btn-link:hover{background-color:#4f46e50d;color:#3730a3}.node-editor .ant-typography strong,.node-editor h4.ant-typography{color:#111827;color:var(--text-primary);font-weight:600}.node-editor .ant-typography-secondary{color:#6b7280;color:var(--text-muted)}.ant-tooltip .ant-tooltip-inner{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:280px;padding:10px 14px}.ant-tooltip .ant-tooltip-arrow-content,.ant-tooltip .ant-tooltip-inner{background-color:#fff;border:1px solid #e5e7eb}.node-tooltip-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.node-tooltip-title{border-bottom:1px solid #17255426;color:#172554;color:var(--navy-blue);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;padding-bottom:4px}.node-tooltip-description{color:#374151;font-size:12px;line-height:1.5}.node-editor .ant-spin{align-items:center;display:inline-flex;flex-direction:column;gap:8px;justify-content:center}.node-editor .ant-spin-text{color:#6b7280;color:var(--text-muted);font-size:13px;margin-top:8px}.description-text{align-items:flex-start;color:#6b7280;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:6px}.description-text svg{margin-top:2px}@media (max-width:768px){.task-sidebar{width:375px}.sidebar-toggle{left:375px}@media (max-width:480px){.node-list{grid-template-columns:1fr}.node-editor{padding:12px 8px}.node-editor .ant-card-body{padding:12px}}}.node-editor-header-container{margin-bottom:8px}.node-editor-header{align-items:center;display:flex;gap:10px;margin-bottom:4px!important}.node-editor-subheader{font-size:13px;margin-left:30px}.editor-collapse .ant-collapse-header{background-color:#f9fafb;border-radius:8px!important;padding:8px 16px!important}.editor-collapse .ant-collapse-content-box{padding:16px 0!important}.advanced-settings-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;width:100%}.advanced-settings-icon{transition:transform .3s ease}.advanced-settings-icon.open{transform:rotate(90deg)}.setting-item{align-items:flex-start;display:flex;justify-content:space-between;padding:4px 0}.setting-item-label{display:flex;flex-direction:column;gap:4px}.setting-item-label span:first-child{font-size:14px;font-weight:500}.node-editor .ant-card-head{background-color:#f9fafb;border-bottom:1px solid #f0f0f0;min-height:40px}.node-editor .ant-card-head-title{font-size:14px;padding:8px 0}.node-editor .ant-alert{border-radius:8px;margin-top:8px}.task-sidebar-content .ant-empty{margin:30px 0;transition:all .3s ease}.task-sidebar-content .ant-empty-image{opacity:.7;transform-origin:center;transition:all .3s ease}.task-sidebar-content .ant-empty:hover .ant-empty-image{opacity:.9;transform:scale(1.05)}.task-sidebar-content .ant-empty-description{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#374151,#4f46e5);background:linear-gradient(to right,var(--text-secondary),var(--primary-color));-webkit-background-clip:text;color:#6b7280;color:var(--text-muted);font-size:14px;font-weight:500;margin-top:12px}.node-item:before{color:#cbd5e1;content:"\22EE\22EE";font-size:10px;left:3px;letter-spacing:-2px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.node-item:hover:before{opacity:1}.node-item:hover{background:#fafbff;border-color:var(--cat-color);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--cat-color) 20%,#0000),0 2px 4px -1px color-mix(in srgb,var(--cat-color) 10%,#0000);transform:translateY(-1px)}.node-item:active{box-shadow:0 2px 8px -2px color-mix(in srgb,var(--cat-color) 30%,#0000);cursor:grabbing;transform:scale(.98)}.node-item .node-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;color:var(--cat-color);display:flex;flex-shrink:0;height:34px;justify-content:center;margin-right:10px;opacity:1;padding:0;transition:background .2s ease;width:34px}.node-item:hover .node-icon{background:linear-gradient(135deg,var(--cat-bg) 0,#fff 130%)}.node-item .node-name{color:#334155;font-size:12px;font-weight:500;letter-spacing:-.01em}.subcategory-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid var(--cat-color);border-radius:10px;box-shadow:none}.subcategory-card .subcategory-header>svg{color:var(--cat-color)}.subcategory-card .subcategory-title{color:#334155;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.subcategory-card .task-count .ant-badge-count{background:color-mix(in srgb,var(--cat-color) 10%,#fff);box-shadow:none;color:var(--cat-color);font-weight:600}.subcategory-description{color:#64748b;font-size:11px;line-height:1.45}.task-sidebar-content::-webkit-scrollbar{width:6px}.task-sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.drag-plus{color:var(--cat-color)}