*{box-sizing:border-box;margin:0;padding:0}.login-container{display:flex;font-family:Arial,sans-serif;height:100vh}.left-section{align-items:center;background-color:#1d3a8a;display:flex;justify-content:center;overflow:hidden;position:relative;width:48%}.background-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.logo-container{left:50px;position:absolute;top:50px}.logo,.logo-right-section{height:50px;width:176px}.brand-name{font-size:24px;font-weight:700}.right-section{align-items:center;background-color:#ededfb;display:flex;justify-content:center;width:52%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000d;padding:44px 34px;text-align:center}.login-header{display:flex;gap:10px}.login-header,.seconds-login-card{align-items:center;justify-content:center}.login-title{color:#18191c;font-size:20px;font-weight:800;margin-top:20px}.login-subtitle{color:#797a83;font-size:14px;font-weight:400;margin-top:8px}.login-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:22px;justify-content:center;margin-top:18px;padding:12px 16px;transition:background .2s ease;width:100%}.login-button:hover{background-color:#f0f0f0}.icon{height:20px;width:20px}.microsoft-login{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 0 12px #0000001f;box-sizing:border-box;color:#18191c;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:20px;justify-content:center;margin-top:24px;padding:18.5px 133.5px;transition:background-color .2s;width:100%}.google-login:hover{background-color:#4285f41a}.microsoft-login:hover{background-color:#0078d71a}.google-login,.microsoft-login{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-shadow:0 0 12px #0000001f;box-sizing:border-box;color:#18191c;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:24px;justify-content:center;margin-top:60px;padding:18.5px 133.5px;transition:background-color .2s;width:100%}.google-login:hover{background-color:#f1f1f1}.google-login-container,.microsoft-login-container{width:100%}@media (max-width:1180px){.left-section{width:40%}.right-section{width:60%}}@media (max-width:1023px){.login-container{flex-direction:column;height:100%;min-height:100vh}.left-section{min-height:100vh;overflow-y:auto;padding:1.5rem .5rem;width:100%}.left-section .logo-container{left:10px;position:absolute;top:10px;z-index:1}.left-section .logo{height:35px;width:120px}.right-section{display:none}.login-card{border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:92vw;padding:2.5rem 2rem;width:92vw;z-index:2}.login-card .logo-right-section{height:48px;width:160px}.login-title{font-size:22px;font-weight:900;line-height:1.25;margin-bottom:.75rem;margin-top:1.5rem}.login-subtitle{font-size:14px;line-height:1.5;margin-bottom:2rem;margin-top:.5rem}.google-login,.microsoft-login{border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:14px;gap:12px;margin-top:1rem;max-width:100%;min-height:56px;padding:14px 16px;width:100%}.google-login{margin-bottom:1rem;margin-top:1rem}}.mobile-desktop-warning-overlay{align-items:center;background:#21298a;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:999999}.mobile-desktop-warning-container{animation:slideUp .3s ease-out;background:#f4f5ff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem;text-align:center;width:90%}.warning-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.warning-icon{align-items:center;background:linear-gradient(135deg,#3844d115,#3844d115);border-radius:20px;color:#3844d1;display:flex;height:100px;justify-content:center;position:relative;width:100px}.warning-icon.pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 0 0 #3844d166}50%{box-shadow:0 0 0 15px #3844d100}}.warning-content{text-align:center}.mobile-desktop-warning-container h1{color:#1a202c;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 1rem}.warning-message{color:#4a5568;font-size:1rem;line-height:1.6;margin:1rem 0}.warning-subtitle{color:#718096;font-size:.95rem;line-height:1.5;margin:1.5rem 0}.warning-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.action-button.primary{background-color:#3844d1;border:none;color:#fff}.action-button.primary:hover{opacity:.9}.action-button.primary:active{transform:scale(.97)}.action-button.secondary{background:#e2e8f0;border:1px solid #cbd5e0;color:#4a5568}.action-button.secondary:hover{background:#cbd5e0;border-color:#a0aec0}.warning-footer{color:#a0aec0;font-size:.85rem;margin:0}@media (max-width:480px){.mobile-desktop-warning-container{margin:1rem;padding:1.5rem}.mobile-desktop-warning-container h1{font-size:1.5rem}.action-button,.warning-message{font-size:.95rem}.action-button{padding:.65rem 1.25rem}}.logo{margin-left:47px;margin-top:30px}.tab-container{margin-left:18.5px;margin-right:18.5px;margin-top:40px}.tab-item{margin-top:25px;padding-left:20px;transition:background-color .3s ease-in-out}.tab-item.active{align-items:center;display:flex;height:56px;padding:16px 20px}.tab-icon{height:24px;width:24px}.tabs-two{margin:0 20px 30px;overflow-y:auto;scrollbar-color:#ffffff59 #0000;scrollbar-width:thin}.tabs-two::-webkit-scrollbar{width:4px}.tabs-two::-webkit-scrollbar-track{background:#0000}.tabs-two::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:2px}.tabs-two::-webkit-scrollbar-thumb:hover{background:#fff9}.admin-section{align-items:flex-start;background-color:#686ee180;padding:13.5px 16.5px 13.5px 15.5px}.admin-header{gap:12px}.admin-icon{height:24px;width:24px}.admin-title{color:#fff;font-size:16px;font-weight:700}.admin-content{padding-top:16px}.admin-avatar{border-radius:50%;height:45px;object-fit:cover;width:45px}.admin-name{font-size:16px}.admin-role{font-size:12px;padding-top:2px}.plan-list{max-height:260px;padding:4px 0;scrollbar-color:#fff6 #0000}.plan-list::-webkit-scrollbar-track{background:#0000}.plan-list::-webkit-scrollbar-thumb{background:#fff6}.plan-list::-webkit-scrollbar-thumb:hover{background:#ffffffa6}.plan-row{padding-left:24px;padding-right:24px;padding-top:24px}.plan-icon{height:28px;height:46px;width:28px;width:46px}.plan-name{font-size:14px;font-weight:600;margin-bottom:6px}.view-details{background-color:#fff;font-size:14px;height:43px;margin-bottom:30px;margin-top:2px;width:79.6%}.view-details:hover{background-color:#f0f0f0}.divider_sidebar{margin:10px 26px}.subs-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.subs-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:grid;grid-template-rows:auto auto 1fr;max-height:90vh;overflow:hidden;position:relative;width:min(1200px,95vw)}.subs-header{align-items:center;background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.subs-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.subs-actions{align-items:center;display:flex;gap:12px}.subs-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 32px}.tabs{display:flex;gap:4px}.tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{background:#3b82f6;color:#fff}.subs-content{display:grid;grid-template-columns:1fr auto;overflow:hidden}.subs-list{grid-gap:16px;align-content:start;display:grid;gap:16px;grid-template-columns:1fr;overflow-y:auto;padding:24px 32px}.subs-card{grid-gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:grid;gap:16px;padding:20px;transition:all .2s ease}.subs-card.selected,.subs-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.subs-card.selected{background:#f8faff}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.card-header-left{display:flex;flex-direction:column;gap:15px}.plan-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;letter-spacing:.5px;padding:6px 10px;text-align:center;text-transform:capitalize;width:100px}.plan-status-badge.success{background:#d1fae5;color:#065f46}.plan-status-badge.warning{background:#fef3c7;color:#92400e}.plan-status-badge.danger{background:#fee2e2;color:#991b1b}.plan-status-badge.neutral{background:#f3f4f6;color:#374151}.card-header-left .plan-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.card-header-right{text-align:right}.price-display{align-items:baseline;display:flex;gap:4px}.price{color:#1f2937;font-size:24px;font-weight:700}.interval{color:#6b7280;font-size:14px;font-weight:500}.card-body{padding:12px 0}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#374151;font-size:14px}.card-footer{border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;padding-top:12px}.btn-manage{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-manage:hover{background:#f9fafb;border-color:#9ca3af}.drawer{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;width:400px}.drawer-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.drawer-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.drawer-subtitle{color:#6b7280;font-size:14px;font-weight:500}.drawer-content{flex:1 1;overflow-y:auto;padding:24px}.drawer-section{margin-bottom:32px}.drawer-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.detail-grid{grid-gap:12px;display:grid;gap:12px}.detail-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:2rem;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:14px;font-weight:500}.detail-value{color:#374151;font-size:14px;font-weight:600}.button-group{grid-gap:8px;display:grid;gap:8px}.danger-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px}.btn-primary{background:#3844d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{opacity:.9}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-danger:hover{background:#dc2626}.btn-icon{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.btn-icon:hover{background:#f3f4f6;color:#374151}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:64px 32px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#374151;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0 0 24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.subs-modal{border-radius:0;height:100vh;max-height:none;width:100vw}.subs-content{grid-template-columns:1fr}.drawer{border-left:none;bottom:0;left:0;position:absolute;right:0;top:0;width:auto;z-index:10}.info-grid{grid-template-columns:1fr}.subs-header,.subs-list{padding:16px 20px}}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:fadein .3s ease,fadeout .5s ease-out forwards;animation-delay:0s,2.5s;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;opacity:.95;padding:12px 18px}.toast-success{background-color:#22c55e}.toast-error{background-color:#ef4444}.toast-info{background-color:#3b82f6}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeout{to{opacity:0;transform:translateY(-10px)}}.loader-overlay{background-color:#ffffffd9;inset:0;position:fixed;z-index:9999}.loader-inline,.loader-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loader-inline{padding:20px}.loader{display:flex;gap:10px}.dot{animation:bounce 1s ease-in-out infinite;background-color:#3b82f6;border-radius:50%;height:12px;width:12px}.dot1{animation-delay:0s}.dot2{animation-delay:.2s}.dot3{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loader-spinner{animation:spin .75s linear infinite;border:3.5px solid #e5e7eb;border-radius:50%;border-top-color:#3844d1;height:36px;width:36px}.sidebar{display:flex;flex-direction:column;overflow:hidden}.logo{cursor:pointer;gap:12px;margin:30px 0 0 28px}.logo,.logo-mark{align-items:center;display:flex}.logo-mark{background:#686ee1;border-radius:10px;box-shadow:0 2px 6px #0000002e;flex-shrink:0;height:44px;justify-content:center;width:44px}.logo-img{height:28px;width:28px}.logo-text{color:#fff;font-size:22px;font-weight:800;letter-spacing:.2px}nav ul{list-style:none;margin:0;padding:0}.tab-container{-ms-overflow-style:none;flex:1 1 auto;margin:24px 18.5px 0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.tab-container::-webkit-scrollbar{display:none}.tab-container ul{list-style:none;margin:0;padding:0}.tab-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Nunito Sans,Avenir,Avenir Next,sans-serif;font-size:16px;font-weight:400;gap:16px;line-height:1.4;margin-top:8px;padding:14px 20px;transition:background-color .2s ease,color .2s ease}.tab-item:hover{background:#ffffff14}.tab-item.active{background-color:#fff;box-shadow:0 0 6px #0000001a;color:#21298a;font-size:16px;font-weight:800}.tab-icon{flex-shrink:0;height:22px;width:22px}.tab-icon-inactive{filter:brightness(0) invert(1) opacity(.7)}.tabs-two{flex-shrink:0;margin:0 20px 24px}.admin-section{background:#686ee180;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:14px 16px}.admin-header{align-items:center;display:flex;gap:10px}.admin-header .admin-title{color:#fff;font-size:14px;font-weight:700;margin:0}.admin-content{align-items:center;display:flex;gap:12px;padding-top:14px}.admin-text{min-width:0}.admin-name{color:#fff;font-size:14px;font-weight:800;margin:0;text-transform:capitalize}.admin-name,.admin-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-role{color:#c6c6ca;font-size:11px;font-weight:500;margin:2px 0 0}.plan-info{background-color:#686ee1;border-radius:8px;color:#fff;margin-top:18px;padding-bottom:4px}.plan-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding:14px 14px 4px;scrollbar-color:#ffffff73 #ffffff1a;scrollbar-width:thin}.plan-list::-webkit-scrollbar{width:4px}.plan-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.plan-list::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:2px}.plan-list::-webkit-scrollbar-thumb:hover{background:#ffffffbf}.plan-title{display:flex;flex-direction:column;gap:2px}.plan-row{gap:10px;padding:6px 8px}.plan-icon-wrap,.plan-row{align-items:center;border-radius:8px;display:flex}.plan-icon-wrap{background:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.plan-icon{height:26px;width:26px}.plan-name{color:#fff;font-size:13px;font-weight:800;line-height:1.25;margin:0}.plan-type{font-size:18px;font-weight:800}.divider{background-color:#ffffff4d;margin:10px 0}.text-percentage{font-size:12px;font-weight:800}.credit-usage{align-items:center}.credit-usage,.credit-usage-text{display:flex;flex-direction:column}.credit-usage-text{align-items:left;padding-left:38px;padding-top:10px}.credit-text{color:#fff;font-size:12px;font-weight:500;position:relative}.credit-text:before{background-color:#fff;border-radius:50%;content:"";height:6px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.gauge-container{align-items:center;display:flex;height:80px;justify-content:center;padding-top:18px;width:115px}.view-details{background:#fff;border:none;border-radius:8px;color:#686ee1;cursor:pointer;display:block;font-family:Nunito Sans,Avenir,Avenir Next,sans-serif;font-size:13px;font-weight:800;height:40px;margin:4px 20px 20px;width:calc(100% - 40px)}.view-details:hover{background:#f0f0f0}.trial-info{background-color:#fdf1e9;border-radius:8px;margin-bottom:20px;margin-top:20px;padding:10px 18px}.trial-row{display:flex;gap:8px}.trial-icon{height:20px;width:20px}.trial-text{color:#18191c}.highlight,.trial-text{font-size:16px;font-weight:500}.highlight{color:#cc4f02}.upgrade-text{color:#797a83;font-size:12px;font-weight:400;margin-top:8px}.divider_sidebar{background-color:#c1c2f3;height:2px;margin:10px 20px}.plan-modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.plan-modal-content{background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;font-family:Nunito Sans,Avenir,Avenir Next,sans-serif;max-width:900px;padding:32px;position:relative;width:90%}.plan-modal-title{color:var(--color-text-dark);font-family:var(--font-base);font-size:var(--text-2xl);font-weight:var(--fw-extrabold);margin:0 0 24px}.plan-modal-close{background:none;border:none;color:#56575f;cursor:pointer;font-size:22px;line-height:1;position:absolute;right:22px;top:20px}.plan-modal-body{display:flex;gap:20px}.plan-modal-card{background-color:#21298a;border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:22px;width:28%}.plan-modal-card-title{font-size:15px;font-weight:800;letter-spacing:.2px}.plan-modal-price{font-size:34px;font-weight:800;line-height:1.1;margin:0}.plan-modal-sub{display:block;font-size:12px;font-weight:500;margin-top:4px;opacity:.75}.plan-modal-features{font-size:13px;font-weight:500;line-height:1.7;list-style:disc;margin:0;opacity:.9;padding-left:18px}.plan-modal-explore-btn{background:#fff;border:none;border-radius:8px;color:#21298a;cursor:pointer;font-family:Nunito Sans,Avenir,Avenir Next,sans-serif;font-size:13px;font-weight:800;padding:10px 14px}.plan-modal-explore-btn:hover{background:#f0f0f0}.plan-modal-summary{background-color:#f5f6fa;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:0;padding:22px}.plan-modal-summary-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.plan-modal-label,.plan-total{color:#56575f;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.plan-modal-value{color:#18191c;font-size:15px;font-weight:800}.plan-modal-usage{margin-bottom:18px}.plan-modal-progress-bar{background:#e5e7eb;border-radius:6px;height:8px;margin-top:8px;overflow:hidden}.plan-modal-progress-fill{background-color:#3844d1;border-radius:6px;height:100%}.plan-modal-payment{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.plan-modal-toggle{align-items:center;color:#36363c;display:flex;font-size:13px;font-weight:700;gap:10px}.plan-modal-toggle input[type=checkbox]{accent-color:#3844d1;height:16px;width:16px}.admin-avatar-initials{align-items:center;background:#fff;border:2px solid #21298a;border-radius:50%;box-sizing:border-box;color:#21298a;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:40px;justify-content:center;width:40px}.team-container{margin:0 auto;padding:24px}.team-top-bar{align-items:center;display:flex;justify-content:space-between}.team-title{color:#01265a;font-weight:600;margin-bottom:20px}.team-search{border:1px solid #ccc;border-radius:6px;margin-bottom:30px;max-width:300px;padding:10px;width:100%}.team-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.team-card{align-items:center;background:#fff;border:none;border-radius:18px;box-shadow:0 12px 24px #0000000f;display:flex;flex-direction:column;height:220px;justify-content:center;padding:20px 18px;position:relative;text-align:center;transition:all .25s ease;width:220px}.team-card:hover{box-shadow:0 18px 34px #00000014;transform:translateY(-4px)}.menu-icon{align-items:center;border-radius:6px;color:#797a83;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;width:30px}.menu-icon:hover,.team-avatar{background:#f0f3ff;color:#3844d1}.team-avatar{align-items:center;border:2px solid #3844d1;border-radius:50%;display:flex;font-size:20px;font-weight:800;height:68px;justify-content:center;letter-spacing:1px;margin:0 auto 10px;width:68px}.team-info{text-align:center}.team-name{color:#36363c;font-size:14px;font-weight:700;line-height:1.3;margin-top:2px}.team-role-desc{color:#797a83;font-size:14px;font-size:12px;font-weight:500;margin-top:4px}.team-position{background:#f0f3ff;border-radius:20px;color:#3844d1;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;max-width:190px;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.menu-container{position:absolute;right:8px;top:8px}.menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:150px;overflow:hidden;padding:4px 0;position:absolute;right:0;top:36px;z-index:1000}.menu-item{align-items:center;color:#36363c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:9px 14px;text-align:left;transition:background .12s ease,color .12s ease}.menu-item:hover{background:#f0f3ff;color:#3844d1}.menu-item.danger{color:#dc2626}.menu-item.danger:hover{background:#fff5f5;color:#b91c1c}.team-modal-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between}.team-modal-header h2{font-size:20px;font-weight:600;margin:0}.team-divider{background:linear-gradient(90deg,#21298a00 0,#21298a 50%,#21298a00)}.team-divider,.team-divider-popup-viewprofile{border:none;display:block;height:1px;margin-top:18px;width:100%}.team-divider-popup-viewprofile{background:#c1c2f3}.wrapper{align-items:center;display:flex;justify-content:center}.popup-overlay{background-color:#0006}.popup-content{animation:slideUp .3s ease-out;border-radius:8px;max-width:100%;overflow:auto;width:auto}.popup-box{display:flex;flex-direction:column;width:-webkit-fit-content;width:fit-content}.view-profile-heading{color:#36363c;font-size:32px;font-weight:800;margin:0}.member-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-direction:column;margin-top:28px;padding-left:24px;padding-right:24px;padding-top:28px;text-align:center;width:100%}.member-card,.popup-avatar{align-items:center;display:flex;justify-content:center}.popup-avatar{background-color:#01265a;border-radius:50%;color:#fff;font-size:24px;height:110px;width:110px}.member-name{color:#36363c;font-size:20px;font-weight:800;margin:0}.member-role{color:#36363c;font-size:16px;font-weight:500;margin:0}.member-info-block{display:flex;flex-direction:column;padding:28px 24px}.info-row{gap:48px}.info-row,.info-row-second{display:flex;flex-wrap:nowrap;padding-bottom:24px}.info-row-second{gap:82px}.dob-row,.email-row,.job-position-row,.phone-row{display:flex;flex-shrink:0;gap:28px}.info-icon{height:32px;width:32px}.info-column{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.info-label{color:#56575f;font-size:14px}.info-label,.info-value{font-weight:500;margin:0;text-align:left;white-space:nowrap}.info-value{color:#36363c;font-size:16px}.team-header-bar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}.team-title{font-size:24px;font-weight:700}.team-header-actions{align-items:center;display:flex;gap:16px}.sort-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 12px}.sort-icon{height:14px;width:14px}.team-actions{display:flex;gap:12px}.add-member-button,.manage-bots-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px}.add-member-button{background-color:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s ease,color .2s ease}.add-member-button:hover{background-color:#f0f3ff}.manage-bots-button{background-color:#3844d1;color:#fff}.manage-bots-button:hover{opacity:.9}.edit-button-container{display:flex;gap:30px;text-align:center}.edit-button{background-color:#3844d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.edit-button:hover{background-color:#2f38b8}.vp-overlay{align-items:center;animation:vpFadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes vpFadeIn{0%{opacity:0}to{opacity:1}}.vp-modal{animation:vpSlideIn .18s ease;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0003;max-width:94vw;overflow:hidden;padding:36px 28px 28px;position:relative;text-align:center;width:440px}@keyframes vpSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.vp-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease;width:32px;z-index:2}.vp-close-btn:hover{background:#e0e5ff}.vp-header-band{display:none}.vp-avatar{align-items:center;background:#f0f3ff;border:3px solid #3844d1;border-radius:50%;box-shadow:0 4px 16px #3844d126;color:#3844d1;display:flex;font-size:32px;font-weight:800;height:96px;justify-content:center;letter-spacing:1px;margin:0 auto 14px;width:96px}.vp-name{color:#36363c;font-size:20px;font-weight:800;margin:16px 0 8px}.vp-role-badge{background:#f0f3ff;border-radius:20px;color:#3844d1;display:inline-block;font-size:12px;font-weight:700;padding:5px 16px}.vp-divider{background:#e5e7eb;height:1px;margin:20px 0 18px;width:100%}.vp-info-list{display:flex;flex-direction:column;gap:14px;text-align:left}.vp-info-row{background:#f8f9ff;border-radius:10px;gap:14px;padding:12px 14px}.vp-info-icon,.vp-info-row{align-items:center;display:flex}.vp-info-icon{background:#f0f3ff;border-radius:9px;color:#3844d1;flex-shrink:0;height:36px;justify-content:center;width:36px}.vp-info-text{display:flex;flex-direction:column;gap:3px}.vp-info-label{color:#797a83;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.vp-info-value{color:#36363c;font-size:14px;font-weight:700;word-break:break-word}.top-bar{align-items:center;display:flex;flex-shrink:0;height:64px;padding:0 10px}.header-container{justify-content:flex-end;width:100%}.topbar-right{gap:12px}.logout-overlay,.topbar-right{align-items:center;display:flex}.logout-overlay{animation:logoutFadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{animation:logoutSlideIn .18s ease;background:#fff;border-radius:14px;box-shadow:0 12px 40px #0000002e;max-width:92vw;padding:32px 28px 26px;position:relative;width:380px}@keyframes logoutSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.logout-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease;width:30px}.logout-close-btn:hover{background:#e0e5ff}.logout-body{flex-direction:column;gap:8px;text-align:center}.logout-body,.logout-icon{align-items:center;display:flex}.logout-icon{background:#f0f3ff;border-radius:50%;color:#3844d1;height:52px;justify-content:center;margin-bottom:4px;width:52px}.logout-title{color:#36363c;font-size:18px;font-weight:800;margin:0}.logout-subtitle{color:#797a83;font-size:14px;line-height:1.5;margin:0}.logout-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;width:100%}.logout-btn{background:#3844d1;border:1.5px solid #3844d1;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.logout-btn:hover{background:#2c37a0;border-color:#2c37a0}.cancel-logout-btn{background:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.cancel-logout-btn:hover{background:#f0f3ff}.dropdown-menu{opacity:0;pointer-events:none;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;visibility:hidden}.dropdown-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s;visibility:visible}.dropdown-menu .dropdown-item{opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.dropdown-menu.is-open .dropdown-item{opacity:1;transform:translateY(0)}.userprofile-contact-info{display:flex;gap:24px;padding:24px 0}.profile-popup{animation:slideUp .3s ease-out;width:40vw}.mp-overlay{align-items:center;animation:mpFadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes mpFadeIn{0%{opacity:0}to{opacity:1}}.mp-modal{animation:mpSlideIn .18s ease;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0003;max-width:94vw;overflow:hidden;padding:36px 28px 28px;position:relative;text-align:center;width:440px}@keyframes mpSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.mp-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease;width:32px;z-index:2}.mp-close-btn:hover{background:#e0e5ff}.mp-header-band{display:none}.mp-avatar{align-items:center;background:#f0f3ff;border:3px solid #3844d1;border-radius:50%;box-shadow:0 4px 16px #3844d126;color:#3844d1;display:flex;font-size:32px;font-weight:800;height:96px;justify-content:center;letter-spacing:1px;margin:0 auto 14px;overflow:hidden;width:96px}.mp-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.mp-name{color:#36363c;font-size:23px;font-weight:800;margin:16px 0 8px}.mp-role-badge{background:#f0f3ff;border-radius:20px;color:#3844d1;display:inline-block;font-size:12px;font-weight:600;padding:5px 16px}.mp-divider{background:#e5e7eb;height:1px;margin:20px 0 18px;width:100%}.mp-info-list{display:flex;flex-direction:column;gap:14px;text-align:left}.mp-info-row{background:#f8f9ff;border-radius:10px;gap:14px;padding:12px 14px}.mp-info-icon,.mp-info-row{align-items:center;display:flex}.mp-info-icon{background:#f0f3ff;border-radius:9px;color:#3844d1;flex-shrink:0;height:36px;justify-content:center;width:36px}.mp-info-text{display:flex;flex-direction:column;gap:3px}.mp-info-label{color:#797a83;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mp-info-value{color:#36363c;font-size:14px;font-weight:700;word-break:break-word}.confirm-overlay{align-items:center;animation:confirmFadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:confirmSlideIn .18s ease;background:#fff;border-radius:14px;box-shadow:0 12px 40px #0000002e;max-width:92vw;padding:32px 28px 26px;position:relative;width:380px}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.confirm-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease;width:30px}.confirm-close-btn:hover{background:#e0e5ff}.confirm-body{flex-direction:column;gap:8px;text-align:center}.confirm-body,.confirm-icon{align-items:center;display:flex}.confirm-icon{background:#f0f3ff;border-radius:50%;color:#3844d1;flex-shrink:0;height:52px;justify-content:center;margin-bottom:4px;width:52px}.confirm-title{color:#36363c;font-size:18px;font-weight:800;margin:0}.confirm-message{color:#797a83;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.confirm-extra{margin-top:12px;width:100%}.api-key-box{background:#f5f7ff;border-radius:8px;color:#111827;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:10px 14px;text-align:left;word-break:break-all}.confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;width:100%}.confirm-btn{background:#3844d1;border:1.5px solid #3844d1;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.confirm-btn:hover{background:#2c37a0;border-color:#2c37a0}.cancel-btn{background:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.brand-task-section{margin:20px 0 20px 14px}.brand-task-container{align-items:left;background-color:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;margin-right:24px;margin-top:24px;padding-bottom:24px;padding-left:24px;padding-top:24px}.brand-voice-main{padding-left:28px;padding-right:24px}.brand-voice-heading{font-size:24px}.brand-voice-description{color:#18191c;padding-right:169px;padding-top:8px}.brand-voice-heading-tabs{font-size:28px;margin-top:0}.brand-voice-description-tabs{color:#18191c;font-size:16px;padding-top:28px}.brand-voice-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.brand-voice-text{flex:1 1}.brand-voice-icon{height:120px;width:120px}.brand-voice-details-textarea p{color:#27272e;font-size:16px;font-weight:500;margin-top:24px;white-space:pre-line}.edit-brandvoice{background-color:#3844d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:24px;padding:12px 27.5px;transition:background-color .3s ease}.edit-brandvoice:hover{opacity:.9}.brand-voice-actions{gap:12px}.brand-voice-details-box{background-color:#fff;border-radius:12px;margin-bottom:15px;margin-top:15px;padding:16px}.brand-voice-header{align-items:center;display:flex;justify-content:space-between}.brand-voice-title{font-weight:700;margin-right:10px}.brand-voice-actions,.brand-voice-toggle{align-items:center;display:flex}.brand-voice-toggle{background:none;border:2px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;font-size:14px;padding:5px 12px;transition:background-color .3s,color .3s}.brand-voice-toggle img.arrow-icon{height:12px;margin-left:8px;width:12px}.brand-voice-toggle:hover{background-color:#f0f3ff}.brand-voice-details-textarea{padding-top:10px}.dropdown-menu{background-color:#fff;border:1px solid #e8e9f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:185px;z-index:10000}.divider-two{background:#c1c2f3;border:none;display:block;height:1px;margin-top:24px;width:100%}.dropdown-item{align-items:center;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;gap:12px;outline:none!important;padding:12px 16px;position:relative}.dropdown-item:not(:last-child):after{background-color:#9f9fa680;bottom:0;content:"";height:1px;left:.2px;position:absolute;right:.2px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f7f7f7}.popup-overlay{bottom:0;left:0;right:0;top:0;z-index:999}.profile-popup{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:28px 24px}.popup-header h3{font-size:20px}.close-btn{background:#0000}.popup-body{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:28px 24px}.user-card{align-items:center;display:flex;gap:16px}.user-image{object-fit:cover}.user-image,.user-placeholder{border-radius:50%;height:70px;width:70px}.user-placeholder{align-items:center;background-color:#ccc;display:flex;font-size:24px;font-weight:700;justify-content:center}.user-info h4{font-size:18px;margin:0}.user-role{color:gray;margin:0}.action-buttons{display:flex;gap:8px;margin-left:auto}.btn{background:#01265a;border:1px solid #01265a;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.btn.change{background:#3844d1;border:none;color:#fff}.btn.delete{background:#fff;border-color:#3844d1;color:#3844d1}.contact-info{display:flex;gap:24px;padding:24px}.info-item{align-items:flex-start;display:flex}.info-content{align-items:center;display:flex;gap:10px}.info-text{display:flex;flex-direction:column}.info-label{font-weight:700}.info-content img{height:44px;width:44px}.info-content span{font-size:16px}.company-logo{height:80px;margin:0 auto 10px;object-fit:contain;width:80px}.company-info{text-align:center;h4{margin:8px 0 4px}.company-location,.company-type{color:#666;font-size:14px;margin:2px 0}}.company-popup .info-text p{line-height:1.4;margin-top:4px}.company-contact-section{display:flex;flex-direction:column;gap:1rem}.company-contact-row{display:flex;flex-wrap:wrap;gap:2rem}.company-contact-item{display:flex;flex-direction:column}.company-contact-content{align-items:flex-start;display:flex;gap:1rem}.company-contact-text{display:flex;flex-direction:column}.company-contact-label{color:#01265a;font-weight:600}.company-popup-wrapper{display:inline-block;max-width:46vw;padding:24px}.company-row-fields{display:flex;flex-wrap:wrap;gap:6.2rem}.company-item{display:flex;flex-direction:column;padding:8px}.company-icon-text{align-items:flex-start;display:flex;gap:1rem;word-break:break-word}.company-text-block{display:flex;flex-direction:column;min-width:150px}.company-label{color:#01265a;color:#797a83;font-size:14px;font-weight:500}.company-text-block p{margin:0;white-space:pre-wrap}.error-message{margin-top:8px}.error-message,.error-message-deatils{color:#cc4f02;font-size:14px;font-weight:500;margin-left:4px}.error-message-deatils{margin-top:0}.task-modal-overlay{align-items:center;animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.task-modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:90%;padding:24px;position:relative;width:50vw}.task-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.task-modal-header h2{font-size:20px;font-weight:600;margin:0}.task-modal-close-icon{cursor:pointer;height:20px;width:20px}.task-modal-divider{border:none;border-top:1px solid #e0e0e0;margin-bottom:16px}.task-modal-body label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.task-modal-body .task-modal-required{color:red;margin-left:2px}.task-modal-body textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;height:250px;outline:none;padding:12px;resize:none;width:100%}.task-modal-char-count{color:#999;font-size:12px;margin-top:4px;text-align:right}.task-modal-footer{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.task-modal-cancel-btn,.task-modal-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.task-modal-cancel-btn{background-color:#fff;border:2px solid #3844d1;color:#3844d1}.task-modal-cancel-btn:hover{background-color:#f0f3ff}.task-modal-confirm-btn{background-color:#3844d1;color:#fff}.task-modal-confirm-btn:hover{opacity:.9}.task-modal-confirm-btn.loading{cursor:not-allowed;opacity:.6}.category-modal-overlay{align-items:center;animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.category-modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:Inter,sans-serif;max-width:90%;padding:24px 24px 20px;width:50vw}.category-modal-header{align-items:center;display:flex;justify-content:space-between}.category-modal-header h2{font-size:20px;font-weight:600;margin:0}.category-modal-close-icon{cursor:pointer;height:18px;width:18px}.category-modal-divider{border:none;border-top:1px solid #eee;margin:16px 0}.category-modal-body .category-modal-form-group{margin-bottom:16px}.category-modal-body label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.category-modal-required{color:red;margin-left:2px}.category-modal-input,.category-modal-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;width:100%}.category-modal-textarea{height:200px;resize:none}.category-modal-char-count{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.category-modal-footer{display:flex;gap:12px;justify-content:space-between;margin-top:12px}.category-modal-cancel-btn,.category-modal-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px}.category-modal-cancel-btn{background-color:#fff;border:2px solid #3844d1;color:#3844d1}.category-modal-cancel-btn:hover{background-color:#f0f3ff}.category-modal-confirm-btn{background-color:#3844d1;color:#fff}.category-modal-confirm-btn:hover{opacity:.9}.category-modal-confirm-btn.loading{cursor:not-allowed;opacity:.6}.category-task-container{width:77vw}.task-history-container{--primary:#3844d1;--primary-hover:#2c37a0;--primary-soft:#f0f3ff;--th-bg:#edf2f7;--row-border:#eee;--text:#36363c;--muted:#797a83;--muted-2:#555;--border:#e5e7eb;--success:#11a77c;--success-bg:#d7f3e9;--warn:#cc4f02;--warn-bg:#fdf1e9;--pending:#f59e0b;--pending-bg:#fef3c7;box-sizing:border-box;color:#36363c;font-family:Inter,sans-serif;padding:24px 28px 32px}.th-page-title{color:#36363c;font-size:28px;font-weight:900;margin:0 0 20px}.th-tabs-row{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #3844d112;box-sizing:border-box;display:inline-flex;gap:2px;margin-bottom:24px;margin-top:24px;max-width:78vw;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-color:#c7c8d1 #0000;scrollbar-width:thin;white-space:nowrap}.th-tabs-row::-webkit-scrollbar{height:6px}.th-tabs-row::-webkit-scrollbar-track{background:#0000}.th-tabs-row::-webkit-scrollbar-thumb{background:#c7c8d1;border-radius:3px}.th-tabs-row::-webkit-scrollbar-thumb:hover{background:#a0a1b0}.th-tab-btn{background:#0000;border:none;border-radius:8px;color:#555;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;text-transform:capitalize;transition:all .15s ease;white-space:nowrap}.th-tab-btn:hover:not(.active-tab){background:#f4f5fb}.th-tab-btn.active-tab{background:#3844d1;border-radius:7px;box-shadow:0 4px 14px #3844d147;color:#fff;font-weight:700}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:24px 0 14px}.history-title{color:#36363c;font-size:20px;font-weight:800;margin:0}.history-header-right{align-items:center;display:flex;gap:10px}.search-input{background:#fff url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23797A83%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><circle cx=%2711%27 cy=%2711%27 r=%278%27/><line x1=%2721%27 y1=%2721%27 x2=%2716.65%27 y2=%2716.65%27/></svg>") no-repeat 12px;border:1px solid #d6d7e0;border-radius:8px;color:#36363c;font-family:inherit;font-size:13px;min-width:220px;padding:8px 12px 8px 34px}.search-input::placeholder{color:#797a83}.search-input:focus{border-color:#3844d1;box-shadow:0 0 0 3px #3844d11a;outline:none}.filter-wrapper{display:inline-block;position:relative}.filter-button{align-items:center;background:#fff;border:1px solid #d6d7e0;border-radius:8px;color:#36363c;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s}.filter-button:hover{background:#f7f7fb}.card-table{background:#fff;border-radius:12px;box-shadow:0 1px 2px #00000008;overflow:hidden}.task-history-table{border-collapse:collapse;table-layout:fixed;width:100%}.task-history-table thead th{background:#edf2f7;color:#797a83;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.6px;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.task-history-table thead th:first-child{padding:12px 8px;width:44px}.task-history-table thead th .sort{color:#3844d1;font-size:10px;margin-left:4px}.task-history-table tbody td{border-bottom:1px solid #eee;color:#36363c;font-size:13px;font-weight:500;overflow:hidden;padding:14px;text-overflow:ellipsis;white-space:nowrap}.task-history-table tbody td:first-child{padding:14px 8px;text-align:center;width:40px}.task-history-table tbody tr:hover td{background:#fafafd}.task-history-table tbody tr:last-child td{border-bottom:none}.cell-task-num{color:#555;font-family:inherit;font-size:12px;font-weight:700;text-transform:capitalize}.cell-name{color:#36363c;font-weight:700;max-width:240px;overflow:hidden;text-overflow:ellipsis}.cell-type{text-transform:capitalize}.count-chip{background:#eef0fb;border-radius:10px;color:#3844d1;min-width:24px;padding:2px 8px;text-align:center}.count-chip,.status-badge{display:inline-block;font-size:11px;font-weight:800}.status-badge{border-radius:14px;letter-spacing:.3px;padding:4px 12px;white-space:nowrap}.status-badge.completed{background:#ccfaee;color:#0d8c68}.status-badge.cancelled,.status-badge.failed{background:#fde2e4;color:#b91c1c}.status-badge.onhold{background:#fdf1e9;color:#cc4f02}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.processing{background:#dbeafe;color:#1d4ed8}.status-badge.queued{background:#e7e8ee;color:#555}.th-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#3844d1;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;line-height:1;padding:5px 7px;transition:background .15s}.th-action-btn svg{stroke:#3844d1;display:block;height:16px;width:16px}.th-action-btn:hover{background:#f0f3ff}.th-action-btn:hover svg{stroke:#2c37a0}.empty-row td{color:#797a83!important;font-size:13px;padding:40px!important;text-align:center!important}.pagination-footer{align-items:center;color:#555;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:space-between;margin-top:2px;padding:14px 4px}.pagination-right{align-items:center;display:flex;gap:16px}.pagination-info{color:#555;font-size:13px}.pagination-pagesize select{background:#fff;border:1px solid #d6d7e0;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;padding:6px 10px}.pagination-controls{display:flex;gap:10px}.pagination-btn{align-items:center;background:#fff;border:1px solid #d6d7e0;border-radius:6px;color:#797a83;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:border-color .15s,color .15s;width:32px}.pagination-btn:hover:not(:disabled){border-color:#3844d1;color:#3844d1}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.filter-popup{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #00000024;padding:16px;position:absolute;right:0;top:calc(100% + 6px);width:300px;z-index:100}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.popup-header .title{color:#36363c;font-size:14px;font-weight:800}.close-btn{align-items:center;border-radius:50%;color:#797a83;display:inline-flex;font-size:16px;height:24px;justify-content:center;transition:background .15s;width:24px}.close-btn:hover{background:#f0f1f5}.filter-row{margin-bottom:16px}.row-head{color:#797a83;display:flex;font-size:11px;font-weight:800;justify-content:space-between;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.reset-link{background:none;border:none;color:#3844d1;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:0;padding:0;text-decoration:underline;text-transform:none}.reset-link:hover{color:#2c37a0}.filter-row input[type=date],.filter-row select{background:#fff;border:1px solid #d6d7e0;border-radius:7px;box-sizing:border-box;color:#36363c;font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.filter-row input[type=date]:focus,.filter-row select:focus{border-color:#3844d1;outline:none}.date-range{display:flex;gap:12px;justify-content:space-between}.date-field{display:flex;flex:1 1;flex-direction:column}.date-field label{color:#797a83;font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.date-field input[type=date]{border:1px solid #d6d7e0;border-radius:7px;font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.popup-actions{gap:10px;justify-content:space-between;margin-top:8px}.reset-btn{background:#fff;border:1.5px solid #3844d1;border-radius:7px;color:#3844d1;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:700;padding:9px;transition:background .15s}.reset-btn:hover{background:#f0f3ff}.apply-btn{background:#3844d1;border:none;border-radius:7px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:700;padding:9px;transition:background .15s}.apply-btn:hover{background:#2c37a0}.responseWrapper{margin-top:8px;padding-right:10px;width:800px}@media only screen and (max-width:900px){.responseWrapper{width:70vw}}.buttonsWrapper{flex-direction:row}.tbody-spinner{border-top-color:#686ee1}.app-container{align-items:stretch;display:flex;min-height:100vh}.sidebar{background-color:#21298a;color:#fff;flex-shrink:0;height:100vh;min-width:230px;position:-webkit-sticky;position:sticky;top:0;width:18.8%}.main-content{min-height:100vh;min-width:0;overflow-y:auto}.content,.main-content{background-color:#ededfb;flex:1 1}.content{height:100%;padding:20px}.task-tab{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #3844d112;box-sizing:border-box;display:inline-flex;gap:2px;margin-top:24px;max-width:78vw;overflow-x:auto;overflow-y:hidden;padding:8px 12px;white-space:nowrap}.task-tab::-webkit-scrollbar{height:6px}.task-tab::-webkit-scrollbar-track{background:#0000}.task-tab::-webkit-scrollbar-thumb{background:#c7c8d1;border-radius:3px}.task-tab::-webkit-scrollbar-thumb:hover{background:#a0a1b0}.task-tab{scrollbar-color:#c7c8d1 #0000;scrollbar-width:thin}.tab-button{background:#0000;border:none;border-radius:7px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:relative;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease}.tab-button:hover:not(.active-tab):not(.active){background:#f4f5fb}.active-tab,.tab-button.active,.tab-button.active-tab{background:#3844d1;box-shadow:0 4px 14px #3844d147;color:#fff;font-weight:700;transform:none}.tab-button.active:after,.tab-button.active:before{display:none}.brand-guidelines-task-tabs{background-color:#fff;border-radius:8px;display:inline-flex;gap:6px;margin-top:40px;padding:8px}.brand-guidelines-tab-button{background-color:initial;border:none;border-radius:8px;color:#3a3adb;cursor:pointer;font-weight:500;margin:0;padding:8px 12px;transition:background-color .3s,color .3s}.brand-guidelines-tab-button.active-tab{background-color:#e0e7ff;color:#3a3adb;font-weight:550}.brand-guidelines-tab-button.active-tab:hover{background-color:#d1d9f9;color:#3a3adb}.brand-guidelines-tab-button:not(.active-tab):hover{background-color:#f1f5ff;color:#3a3adb;line-height:1.2}.task-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;margin-right:24px;margin-top:20px;width:100%}.stat-box{flex:1 1}.stat-card{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;padding:20.5px}.stat-icon{height:50px;width:50px}.stat-text{margin-left:12px}.stat-card p{color:#797a83;font-size:14px;font-weight:400;padding-bottom:3.2px}.stat-card span{color:#36363c;font-size:20px;font-weight:800}.task-container{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin-right:24px;margin-top:32px;padding-bottom:60px;padding-top:60px;width:100%}.tasks-list{padding-top:32px}.centered-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1rem;text-align:center}.Notasks{color:#36363c;font-size:20px;font-weight:800;margin-top:20px}.Addnewtaskstext{color:#797a83;font-size:14px;font-weight:400;margin-top:12px}.task-icon{height:auto;margin-bottom:15px;width:50px}.task-icon-main{height:60px;margin-top:20px;width:60px}.task-buttons{display:flex;gap:10px;justify-content:flex-start;margin-top:24px}.task-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:10px 20px;transition:background-color .3s ease}.bulk-task-btn,.single-task-btn{padding:12px 27.5px}.single-task-btn{background-color:#fff;border:2px solid #3844d1;color:#3844d1}.single-task-btn:hover{background-color:#f0f3ff}.task-btn:hover{opacity:.9}.refresh-button:disabled,.task-btn:disabled,.tasklist-filter-button:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;position:relative}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background-color:initial}.modal-content-bulk-order{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;border-radius:8px;max-height:90vh;max-width:600px;padding:1.5rem;position:relative;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:90%}.modal-content-bulk-order::-webkit-scrollbar{width:6px}.modal-content-bulk-order::-webkit-scrollbar-thumb{background-color:initial}.close-btn{font-size:20px;right:10px;top:10px}form{display:flex;flex-direction:column;gap:6px;margin-top:4px;width:100%}label{color:#797a83;font-size:14px;font-weight:400}.label{color:#333;margin-left:24px;margin-right:24px;margin-top:12px}.label-row{align-items:center;display:flex;justify-content:space-between}.char-count{color:#888;font-size:12px;margin:12px 28px 0 0}.task-input{-webkit-appearance:auto;appearance:auto;border:1px solid #c6c6ca;border-radius:6px;box-sizing:border-box;color:#9f9fa6!important;font-size:16px;font-weight:500;margin-left:24px;margin-right:24px;margin-top:6px;padding:16px}.task-input::placeholder{color:#9f9fa6;opacity:1}.task-input.error::placeholder{color:#36363c}.dropdown{-webkit-appearance:auto;appearance:auto;border:1px solid #c6c6ca;border-radius:6px;box-sizing:border-box;color:#9f9fa6;font-size:16px;font-weight:500;margin-left:24px;margin-right:24px;margin-top:8px;padding:16px}.modal-actions{display:flex;justify-content:space-between;margin:24px 24px 28px}.modal-actions .cancel-btn,.modal-actions .submit-btn{border-radius:8px;cursor:pointer;flex:0 0 180px;font-size:14px;font-weight:800;height:43px;padding:10px;width:180px}.modal-actions .cancel-btn{background:#fff;border:2px solid #3844d1;color:#3844d1}.submit-btn{background:#3844d1;border:none;color:#fff}.cancel-btn:hover{background:#f0f3ff}.submit-btn:hover{opacity:.9}td{margin:24px;padding-top:10px;width:100%}h2{font-size:32px}.product-details{font-size:24px;margin-left:24px;margin-top:24px}.divider{background:linear-gradient(90deg,#21298a00 0,#21298a 50%,#21298a00);border:none;display:block;height:1px;margin:18px 0;width:100%}.divider-bulk-sidebar{background:#c1c2f3;height:1px}.tasks-list{margin-top:32px}.task-icon{cursor:pointer;height:32px;margin-top:8px;width:32px}.modal-container{align-items:center;animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;box-sizing:border-box;display:flex;height:100vh;left:0;position:fixed;top:0;inset:0;justify-content:center;padding:69px 24px;width:100vw}.modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 0 12px #00000026;box-sizing:border-box;max-height:90vh;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ccc #0000;scrollbar-width:thin;width:47.08%}.bulk-task-header,.task-header{align-items:center;display:flex;justify-content:space-between;margin-left:24px;margin-right:24px;margin-top:28px}.upload-area{align-items:center;background-color:#eeeff0;border:2px dashed #ccc;border-radius:10px;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.upload-icon{height:44px;margin-top:55.5px;width:44px}.upload-label{color:#555;font-size:16px;font-weight:400}.upload-btn,.upload-label{cursor:pointer;margin-top:16px}.upload-btn{background-color:#3844d1;border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:800px;margin-bottom:55px;padding:10px 20px}.upload-btn:hover{background-color:#2c37a0}.download-template{background-color:#fff;border-color:#3844d1;border-radius:8px;color:#3844d1;cursor:pointer;display:block;font-size:14px;font-weight:700;margin-bottom:10px;margin-top:16px;padding:12px 14px}.download-template:hover{background-color:#f0f3ff}.file-info{color:#56575f;font-size:16px;margin-top:24px}.upload-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 3px 8px -1px #3232470d,0 0 1px 0 #0c1a4b3d;display:flex;flex-direction:column;margin:28px 24px;overflow:visible!important}.task-header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-header-left{align-items:center;display:flex;gap:10px}.taskweekly{color:#36363c;font-size:24px}.date-range,.taskweekly{font-weight:800;margin:0}.date-range{color:#797a83;font-size:12px}.task-header-left .date-range,.task-header-left h3{margin:0}.date-range{color:#555;font-size:14px;padding-top:2px}.sort-by{background-color:initial;border:1px solid #3844d1;border-radius:8px;display:flex;margin-right:24px;padding:8px 10px}.sort-icon-left,.sort-icon-right{height:20px;margin:0 5px;width:20px}.sort-by span{color:#3844d1;font-size:16px}.header-container{align-items:center;display:flex}.dashstack-logo{height:27px;margin-top:19.5;width:129px}.dashstack-container{margin-top:19.5px}.search-container{align-items:center;background-color:initial;border:1px solid #3844d1;border-radius:8px;display:flex;gap:12.08px;margin-left:20.2px;margin-top:16px}.search-icon{height:15.01px;margin-left:16.09px;margin-top:10.55;width:14.59px}.search-box{background-color:initial;border:none;font-size:14px;font-weight:400;margin-bottom:9px;margin-right:291.58px;margin-top:10px;opacity:50%;outline:none}.search-box,.search-box::placeholder{color:#3844d1}.user-profile{align-items:center;display:flex;position:relative}.notification-icon{height:24px;width:24px}.profile-container{align-items:center;background:#fff;border:1px solid #e8e9f0;border-radius:9999px;cursor:pointer;display:inline-flex;gap:8px;padding:6px 12px 6px 6px;transition:box-shadow .15s ease;width:auto}.profile-container:hover{box-shadow:0 2px 8px #00000014}.profile-avatar{align-items:center;background:#dce0fa;border-radius:50%;box-sizing:border-box;color:#3844d1;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:34px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:4px;width:34px}.profile-pic{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex-direction:column;min-width:0}.profile-name{color:#1a1a2e;font-size:14px;font-weight:700}.profile-name,.profile-role{line-height:1.3;white-space:nowrap}.profile-role{color:#888;font-size:12px;font-weight:400}.profile-chevron{background:#f0f3ff;border:1px solid #e8e9f0;border-radius:50%;box-sizing:border-box;color:#3844d1;flex-shrink:0;height:24px;margin-left:4px;padding:4px;transition:background .15s ease,transform .2s ease;width:24px}.profile-container:hover .profile-chevron{background:#e3e8ff}.name{color:#333;font-size:14px;font-weight:800;text-transform:capitalize}.reporting-manager{color:#555;font-size:12px;font-weight:500;margin-top:3.2px}.more-icon{height:18px;margin-left:16.49px;width:17.51px}.task-section{margin-top:20px;width:78vw}.task-btn-brand-voice{border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.bulk-task-btn{background-color:#3844d1;border:none;color:#fff}.task-input.error{background-color:#fabf9a;border:#cc4f02}.product_from-error-message{color:#cc4f02;font-size:14px;font-weight:500;margin-left:24px;margin-top:8px}.task-split-layout{display:flex;gap:24px;padding:20px}.task-left-panel,.task-right-panel{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;flex:1 1;padding:20px}.task-left-panel{max-width:600px}.task-preview-box{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:16px}.disabled-btn{background-color:#ccc;color:#666;cursor:not-allowed}.bot-selector{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:6px;padding:12px}.bot-tab{align-items:center;background:#0000;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;color:#374151;cursor:pointer;display:flex;flex-direction:column;min-width:90px;padding:14px 18px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bot-name{font-size:14px;font-weight:700;letter-spacing:.3px;line-height:1.2;margin-bottom:6px;text-align:center;text-transform:capitalize}.plan-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;color:#475569;font-size:9px;font-weight:600;line-height:1.1;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 10px;text-align:center;transition:all .3s ease;white-space:nowrap}.refresh-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 2px #0000000a;color:#3844d1;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s ease;width:36px}.refresh-button svg{stroke:#3844d1;fill:none;flex-shrink:0;height:18px;width:18px}.refresh-button:hover{background:#f0f3ff}.tbody-loader-cell{padding:48px 0!important;text-align:center}.tbody-spinner{animation:tbodySpinnerSpin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3844d1;display:inline-block;height:36px;width:36px}@keyframes tbodySpinnerSpin{to{transform:rotate(1turn)}}.task-container{box-sizing:border-box;font-family:Arial,sans-serif;padding:20px}.task-top-bar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;width:100%}.task-title{color:#01265a;font-size:24px;margin:0}.task-actions{align-items:stretch;display:flex;flex-wrap:nowrap;gap:10px;height:40px}.custom-dropdown-container{display:flex;position:relative}.filter-menu{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:45px;width:125px;z-index:999}.tasklist-filter-button{align-items:center;background:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;padding:8px 14px;transition:background .15s ease}.tasklist-filter-button:focus,.tasklist-filter-button:hover,.tasklist-filter-button[aria-expanded=true]{background:#f0f3ff;outline:none}.filter-menu-item{color:#3b3f7a;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.filter-menu-item:hover{background-color:#e8efff}.filter-menu-item.selected{background-color:#dbe6ff;color:#1a3dbf;font-weight:600}.task-button{background-color:#01265a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:8px 16px;white-space:nowrap}.task-button:hover{background-color:#003580}.task-table-wrapper{width:100%}.task-table{border:none;border-collapse:collapse;min-width:600px;position:relative;width:100%}.task-table td,.task-table th{border-bottom:1px solid #ddd;height:65px;max-width:180px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap}.task-table th{background-color:#edf2f7;border-top:none;color:#797a83;font-size:12px;font-weight:800;height:50px}.c1{width:4%}.c2{width:15%}.c2,.c3{text-align:left}.c3{width:16%}.c-product-num{text-align:left;width:12%}.c4{width:10%}.c4,.c5{text-align:center}.c5{width:8%}.c6{width:16%}.c6,.c7{text-align:center}.c7{width:11%}.c8{overflow:visible!important;position:relative;text-align:center;width:4%}.task-table td{background-color:#fff;color:#36363c;font-size:14px;font-weight:500}.task-table td:first-letter{text-transform:uppercase}.action-btn,.download-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#3844d1;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background .15s ease}.action-btn:hover,.download-button:hover{background:#f0f3ff}@media (max-width:768px){.task-top-bar{gap:10px}.task-actions,.task-top-bar{align-items:flex-start;flex-direction:column}}.action-wrapper{display:inline-block}.action-wrapper,.task-action-cell{position:relative}.task-dropdown-item{background-color:#fff;padding:8px 12px}.task-dropdown-item:hover{background-color:#f1f1f1}.task-dropdown-item+.task-dropdown-item{border-top:1px solid #eee}.task-dropdown-icon{margin-right:8px}.icon-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s ease;vertical-align:middle}.icon-button img{height:20px;vertical-align:middle;width:20px}.icon-button:hover{background-color:#f0f0f0}.icon-button:active{background-color:#e0e0e0;transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-overlay{align-items:center;animation:fadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup-content{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000038;max-width:92vw;padding:22px 28px 20px;position:relative;text-align:left}.popup-content--wide{width:min(860px,92vw)}.popup-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.popup-header-row h3{color:#36363c;font-size:20px;font-weight:800;margin:0}.popup-panel-tabs{background:#fff;border:1px solid #e1e3f0;border-radius:999px;box-shadow:0 1px 2px #0000000a;display:inline-flex;gap:2px;padding:4px}.popup-panel-tab{background:#0000;border:none;border-radius:999px;color:#797a83;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:8px 18px;transition:all .15s ease}.popup-panel-tab:hover{color:#36363c}.popup-panel-tab.active{background:#3844d1;box-shadow:0 2px 8px #3844d159;color:#fff}.popup-panels{position:relative}.popup-panel{display:none}.popup-panel--visible{display:block}.popup-panel--input{border-top:1px solid #e5e7eb;height:50vh;margin-top:10px;max-width:100%;overflow-y:auto;padding-right:12px;padding-top:14px}.popup-panel--input::-webkit-scrollbar{width:8px}.popup-panel--input::-webkit-scrollbar-thumb{background:#d6d8e6;border-radius:4px}.popup-input-field{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:14px}.popup-input-field:last-child{border-bottom:none;margin-bottom:0}.popup-input-label{color:#797a83;display:block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.popup-input-value{color:#36363c;font-size:14px;line-height:1.55;margin:0;white-space:pre-wrap}.popup-empty{color:#797a83;font-size:14px;padding:40px 0;text-align:center}.responseWrapper{border-top:1px solid #e5e7eb;box-sizing:border-box;height:50vh;margin-top:10px;overflow-y:auto;padding-right:12px;padding-top:14px;width:100%}.responseWrapper p{color:#36363c;font-size:14px;line-height:1.55;margin:0 0 10px}.responseWrapper::-webkit-scrollbar{width:8px}.responseWrapper::-webkit-scrollbar-thumb{background:#d6d8e6;border-radius:4px}@media only screen and (max-width:900px){.popup-content--wide{width:92vw}}.buttonsWrapper{display:flex;gap:12px;justify-content:space-between;margin-top:18px}.close-button{align-items:center;background:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;padding:10px 22px;transition:all .15s ease}.close-button:hover{background:#f0f3ff}.copy-button{align-items:center;background:#3844d1;border:1.5px solid #3844d1;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;padding:10px 22px;transition:all .15s ease}.copy-button img{height:14px;width:14px}.copy-button:hover{background:#2c37a0;border-color:#2c37a0}.status-column{border-radius:8px;padding:8px}.file-name-row{background-color:#686ee1;width:25px}.file-name-row td{background-color:#c1c2f3;color:#36363c;font-size:14px;font-weight:500}.expanded-row td{background-color:#edf2f7;color:#56575f}.expand-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:0}.expand-button img{display:block;height:22px;width:22px}.table-header{background-color:#f4f4f4;color:#797a83;font-size:12px;font-weight:800;padding:8px;text-align:left}.table-cell{color:#36363c;padding:8px}.status-badge,.table-cell{font-size:14px;font-weight:500}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;justify-content:center;padding:6px 10px;text-align:center;text-transform:capitalize;width:100px}.status-badge.completed{background-color:#e0f7f1;color:#14b8a6}.status-badge.cancelled{background-color:#ffeaea;color:#e53935}.status-badge.failed{background-color:#fddede;color:#e63946}.status-badge.done{background-color:#c2f3e8;color:#38d1ad}.status-badge.pending{background-color:#c6c6ca;color:#56575f}.status-badge.queued{background-color:#ffeaea;color:#e53935}.status-badge.partial,.status-badge.processing{background-color:#9ab2fa;color:#0235cc}.status-badge.onhold{background:#fdf9e9;color:#eeb900}.task-action-wrapper{display:inline-block;position:relative}.task-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;min-width:160px;overflow:hidden;pointer-events:auto!important;position:absolute;right:0;top:32px;z-index:9999}.task-dropdown-item{align-items:center;background:#fff;border:none;color:#0c1147;cursor:pointer;display:flex;font-size:14px;gap:8px;height:50px;padding:0 20px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.task-dropdown-item:hover{background:#f0f3ff;color:#3844d1}.task-dropdown-item:hover svg{stroke:#3844d1}.task-dropdown-item:hover img{filter:brightness(0) saturate(100%) invert(21%) sepia(92%) saturate(1600%) hue-rotate(221deg) brightness(95%) contrast(98%)}.task-dropdown-icon{height:16px;opacity:.8;width:16px}.task-action-cell,.task-table,.task-table tbody,.task-table-wrapper{overflow:visible!important}.brand-dashboard-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:24px;padding:20px}.brand-header-text{font-size:18px}.brand-welcome-highlight{color:#2563eb;font-weight:700}.brand-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;padding:16px}.brand-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);text-align:center}.brand-stat-title{color:#888;font-size:14px}.brand-stat-value{font-size:20px;font-weight:700}.brand-bots-section h2{font-size:18px;font-weight:700}.brand-bots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding-top:20px}.brand-bot-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;padding:16px}.brand-bot-header{align-items:center;display:flex;justify-content:space-between}.brand-bot-status{border-radius:12px;font-size:12px;padding:4px 8px}.brand-status-active{background-color:#d1fae5;color:#065f46}.brand-status-disabled{background-color:#e5e7eb;color:#6b7280}.brand-status-inactive{background-color:#fee2e2;color:#b91c1c}.brand-add-task-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:6px 12px}.brand-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.brand-section-title{color:#0c1147;flex:1 1;font-size:16px;font-weight:700}.brand-understood-button{background-color:#3844d1;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.brand-carousel-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}.brand-video-card{border:1px solid #e0e0e0;border-radius:10px;padding:10px;width:351px}.brand-video-preview{border-radius:8px;margin-left:10px;margin-right:10px;overflow:hidden}.brand-video-preview img{border-radius:0;display:block;width:100%}.brand-video-info{align-items:center;display:flex;justify-content:space-between;margin-left:10px;margin-right:10px;margin-top:8px}.brand-video-text{display:flex;flex-direction:column;flex-grow:1}.brand-video-title{font-weight:500;margin-bottom:4px}.brand-video-duration{align-items:center;color:#555;display:flex;font-size:14px}.brand-video-duration img{height:16px;margin-right:4px;width:16px}.brand-play-button{color:#01265a;flex-shrink:0;font-size:24px;margin-left:10px;text-decoration:none}.brand-voice-card{background:#f9f9ff;border-left:4px solid #375dfb;border-radius:12px;margin-top:24px;padding:16px 24px}.brand-voice-card,.brand-voice-content{align-items:center;display:flex;justify-content:space-between}.brand-voice-content{width:100%}.brand-voice-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-top:24px;padding:24px}.brand-voice-texts{display:flex;flex-direction:column}.brand-voice-title{color:#1e1e1e;font-size:16px;font-weight:600;text-transform:capitalize}.brand-voice-description{font-size:16px;line-height:1.5}.brand-voice-button{background-color:#3844d1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;white-space:nowrap}.brand-voice-button:hover{opacity:.9}.bot-footer{align-items:center;display:flex;gap:8px}.bot-timer{flex:1 1;font-size:14px;white-space:normal;word-break:break-word}.assign-member-button{background-color:#5e5eff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;white-space:nowrap}.helen-bots-section{margin-top:30px}.helen-bots-grid{display:flex;flex-wrap:wrap;gap:20px}.helen-bot-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-direction:column;padding:20px;width:240px}.helen-bot-card,.helen-bot-header{display:flex;justify-content:space-between}.helen-bot-header{align-items:center;font-size:16px;font-weight:600}.helen-bot-status{background-color:#ccf6ec;border-radius:20px;color:#16a34a;font-size:12px;font-weight:500;padding:4px 10px}.helen-bot-status.inactive{background-color:#f3f4f6;color:#9ca3af}.helen-divider{border:none;border-top:1px solid #eee;margin:16px 0}.helen-assigned-info{display:flex;justify-content:space-between;margin-bottom:16px}.helen-info-block .label{color:#9ca3af;font-size:11px;margin-bottom:4px}.helen-info-block .value{font-size:14px;font-weight:700}.helen-manager .label{color:#9ca3af;font-size:11px;margin-bottom:4px}.helen-manager-details{align-items:center;display:flex;gap:8px}.helen-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.helen-timer{color:#6b7280;font-size:12px;margin-top:12px}.helen-assign-button,.helen-view-button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:8px 12px}.helen-unassigned-message{color:#6b7280;text-align:center}.helen-unassigned-message .title{font-size:14px;font-weight:600}.helen-unassigned-message .subtitle{color:#9ca3af;font-size:12px;margin-top:4px}.helen-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.helen-warning-circle{margin:0 auto 10px}.helen-unassigned-message.row{align-items:center;display:flex;flex-direction:row;gap:12px}.helen-warning-circle{align-items:center;background-color:#ededfb;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.helen-warning-icon{height:20px;width:20px}.helen-warning-texts{display:flex;flex-direction:column}.helen-warning-texts .title{color:#333;font-size:16px;font-weight:600;margin:0}.helen-warning-texts .subtitle{color:#666;font-size:14px;margin:4px 0 0}.tutorial-section{border-radius:16px;padding:24px 28px 28px!important}.section-header{align-items:center;border-bottom:1px solid #eef0f7;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-title{font-size:18px;letter-spacing:-.1px;line-height:1.4;max-width:720px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dashboard-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:24px;padding:20px}.header-text{font-size:18px;margin-left:10px}.welcome-highlight{color:#2563eb;font-weight:700}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;padding:24px 16px}.card h3{margin-bottom:20px}.section-title{color:#0c1147;flex:1 1;font-size:16px;font-weight:700}.understood-button{border-radius:8px;flex-shrink:0;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .15s ease,transform .15s ease}.understood-button:hover{background-color:#2c37a0}.understood-button:active{transform:scale(.97)}.carousel-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}.video-card{border:1px solid #e0e0e0;border-radius:10px;padding:10px;width:351px}.video-preview{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0f172a14;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.video-preview:hover{box-shadow:0 8px 24px #0003;transform:translateY(-6px)}.video-preview:after{content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-preview:hover:after{opacity:1}.video-preview img{border-radius:0;transition:transform .4s ease}.video-preview:hover img{transform:scale(1.05)}.video-play-button{background-color:#3f5efb;border:none;border-radius:50%;bottom:12px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:18px;height:40px;position:absolute;right:12px;transition:transform .15s ease,opacity .15s ease;width:40px}.video-play-button:active{background-color:#3844d1;transform:scale(.96)}.video-info{margin-left:10px;margin-right:10px;margin-top:8px}.video-text{display:flex;flex-direction:column;flex-grow:1}.video-title{font-weight:500;margin-bottom:4px}.video-duration img{height:16px;margin-right:4px;width:16px}.play-button{color:#01265a;flex-shrink:0;font-size:24px;margin-left:10px}.video-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.video-modal-content{background-color:initial;border-radius:8px;box-shadow:0 0 15px #0009;height:45vw;max-height:720px;max-width:1280px;overflow:hidden;position:relative;width:80vw}.video-modal-content iframe{border:none;display:block;height:100%;width:100%}.video-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px;z-index:1001}.add-member-form-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;margin:2rem auto;max-width:900px;padding:2rem;width:100%}.upload-photo-section{margin-bottom:2rem;text-align:center}.photo-circle{align-items:center;background-color:#f2f2f2;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto .5rem;width:72px}.profile-image{height:40px;width:40px}.upload-text{color:#3844d1;cursor:pointer;font-weight:500}.form-grid{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;margin-bottom:10px}.form-group label{font-size:.95rem;font-weight:500;margin-bottom:.5rem}.required{color:red}.form-group input{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.6rem .75rem;transition:border-color .2s ease}.form-group input:focus{border-color:#3844d1;outline:none}.form-group select{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.6rem .75rem;transition:border-color .2s ease}.form-group select:focus{border-color:#3844d1;outline:none}.cancel-button{transition:background-color .2s}.back-to-my-team{color:#3844d1;font-size:12px;font-weight:400}.submit-button{transition:background-color .2s}.error-text{color:red;display:block;font-size:.85rem}.back-link{align-items:center;background:none;border:none;color:#3b5dd9;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:4px 8px;text-decoration:none}.back-link:hover{color:#551a8b;text-decoration:none}.back-icon{height:16px;width:16px}.add-member-title{padding:4px 8px}.plan-selection-wrapper{align-items:center;background:linear-gradient(135deg,#686ee1,#8062d6);display:flex;font-family:-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.plan-selection-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:1000px;padding:1rem;text-align:center;width:100%}.plan-selection-header h2{color:#1a202c;font-size:1.75rem;font-weight:600;line-height:1.4;margin:1.75rem 0}.free-trial-text{color:#686ee1}.bot-count-selector{margin-bottom:2rem}.bot-selector-label{color:#4a5568;display:block;font-size:.95rem;font-weight:500;margin-bottom:1rem}.bot-count-controls{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:inline-flex;gap:.75rem;padding:.25rem}.bot-count-button{align-items:center;background:#686ee1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.bot-count-button:hover{background:#5860d6}.bot-count-display{color:#1a202c;font-size:1.5rem;font-weight:600;min-width:48px;text-align:center}.plans-wrapper{margin-bottom:2rem;position:relative}.scroll-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#686ee1;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:2}.scroll-btn:hover{transform:translateY(-50%) scale(1.1)}.scroll-btn-left{left:-18px}.scroll-btn-right{right:-18px}.plans-container{-ms-overflow-style:none;display:flex;gap:1rem;justify-content:flex-start;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;scrollbar-width:none}.plans-container::-webkit-scrollbar{display:none}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;flex:0 0 240px;max-width:280px;min-width:240px;padding:1.25rem;position:relative;transition:all .2s ease}.plan-card:hover{border-color:#686ee1;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.plan-card.selected{box-shadow:0 4px 16px #686ee12e}.plan-card.popular,.plan-card.selected{border-color:#686ee1}.popular-badge{background:#686ee1;border-radius:12px;box-shadow:0 2px 8px #686ee140;color:#fff;font-size:.75rem;font-weight:500;left:50%;padding:.25rem .75rem;position:absolute;top:-8px;transform:translateX(-50%)}.plan-header{margin-bottom:1rem;text-align:center}.plan-tier{color:#1a202c;font-size:16px;font-weight:600;margin:20px 0}.plan-pricing{margin-bottom:.75rem}.plan-price{color:#686ee1;font-size:1.75rem;font-weight:700;line-height:1}.price-period{font-weight:400}.billing-note,.price-period{color:#718096;font-size:.75rem}.plan-divider{background:#e2e8f0;border:none;height:1px;margin:1rem 0}.daily-interactions-container{margin:1rem}.daily-interactions-item{color:#4a5568;font-size:.75rem;gap:10px;line-height:1.3;margin:20px 0}.daily-interactions-item,.daily-interactions-text{align-items:center;display:flex;justify-content:center}.daily-interactions-text{flex-wrap:wrap;gap:4px}.daily-interactions-text span{white-space:nowrap}.feature-icon-wrapper{align-items:center;background:#f0f4ff;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.feature-icon{color:#686ee1;height:12px;width:12px}.features-list{margin-bottom:1.25rem}.feature-item{align-items:flex-start;color:#4a5568;display:flex;font-size:.8rem;gap:.5rem;line-height:1.3;margin-bottom:.5rem}.feature-check{align-items:center;background:#e6fffa;border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-top:1px;width:16px}.feature-check svg{color:#38b2ac;height:10px;width:10px}.select-plan-button{background:#0000;border:2px solid #686ee1;border-radius:8px;color:#686ee1;cursor:pointer;font-size:.9rem;font-weight:500;margin:10px 0;padding:.75rem;transition:all .2s ease;width:100%}.select-plan-button.selected,.select-plan-button:hover{background:#686ee1;color:#fff}.proceed-button-container{align-items:center;display:flex;gap:.75rem;justify-content:center}.back-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#f7fafc;border-color:#cbd5e0}.proceed-button{align-items:center;background:#686ee1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;opacity:.5;padding:.75rem 2rem;transition:all .2s ease}.proceed-button.enabled{opacity:1}.proceed-button.enabled:hover{background:#5860d6;transform:translateY(-1px)}@media (max-width:768px){.plan-selection-wrapper{align-items:center;padding:1rem}.plan-selection-container{padding:1.5rem}.plan-selection-header h2{font-size:1.5rem}.bot-count-selector{margin-bottom:1.75rem}.plans-container{align-items:center;flex-direction:column;gap:.75rem}.plan-card{max-width:100%;min-width:100%}.scroll-btn{display:none}.proceed-button-container{flex-direction:column;gap:.5rem}.back-button,.proceed-button{justify-content:center;width:100%}}@media (max-width:480px){.plan-selection-header h2{font-size:1.5rem}.bot-count-controls{gap:.5rem}.bot-count-button{font-size:1rem;height:32px;width:32px}.bot-count-display{font-size:1.25rem;min-width:40px}.plan-card{padding:1rem}.plan-price{font-size:1.5rem}}.loading-spinner{align-items:center;display:inline-flex;justify-content:center;margin-right:.5rem}.spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.proceed-button:disabled{cursor:not-allowed;opacity:.7}.proceed-button.enabled:disabled{background:#686ee1;opacity:.8}.background-bots-section{background:#f3f4ff;height:100vh}.bots-section{background:#f5f6fe;border-radius:12px;box-sizing:border-box;max-width:100%;padding:24px;width:100%}.bots-grid,.table-header{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(6,1fr)}.table-header{background-color:#f0f0f0;border-bottom:1px solid #ccc;font-weight:600;padding:12px 16px}.bots-grid{border-collapse:collapse}.bot-card{display:contents}.bot-cell{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:12px 16px}.bot-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.status-active{background-color:#e0f7ea;color:#2e7d32}.assign-member-dropdown{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px;width:100%}.bot-manager{color:#222;font-weight:500}.assign-popup{align-items:center;animation:assignFadeIn .12s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes assignFadeIn{0%{opacity:0}to{opacity:1}}.assign-popup .popup-content{animation:assignSlideIn .18s ease;background:#fff;border-radius:14px;box-shadow:0 12px 40px #0000002e;max-width:92vw;padding:32px 28px 26px;position:relative;text-align:center;width:380px}@keyframes assignSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.assign-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .15s ease;width:30px}.assign-close-btn:hover{background:#e0e5ff}.assign-modal-icon{align-items:center;background:#f0f3ff;border-radius:50%;color:#3844d1;display:flex;height:52px;justify-content:center;margin:0 auto 8px;width:52px}.assign-modal-title{color:#36363c;font-size:18px;font-weight:800;margin:0 0 6px}.assign-heading{color:#797a83;font-size:14px;line-height:1.5;margin:0 0 16px}.profile-section{align-items:center;display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.avatar-initial{align-items:center;background:#f0f3ff;border:2px solid #3844d1;border-radius:50%;color:#3844d1;font-size:18px;font-weight:700;height:56px;width:56px}.avatar-initial,.popup-actions{display:flex;justify-content:center}.popup-actions{gap:12px;margin-top:22px;width:100%}.assign-confirm-button{background:#3844d1;border:1.5px solid #3844d1;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.assign-confirm-button:hover{background:#2c37a0;border-color:#2c37a0}.assign-cancel-button{background:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;padding:10px 20px;transition:background .15s ease}.assign-cancel-button:hover{background:#f0f3ff}.close-icon{cursor:pointer;height:20px;width:20px}.assign-heading{font-size:24px;font-weight:800}.table-wrapper{border:1px solid #ccc;border-radius:8px;margin-top:32px;overflow:hidden}.bot-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,sans-serif;width:100%}.bot-details{align-items:center;display:flex;gap:8px}.info-icon{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.info-icon:hover{background:#f3f4f6;color:#4f46e5}.info-icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;margin-left:6px;padding:4px;transition:all .2s ease}.info-icon-btn:hover{background:#f3f4f6;color:#4f46e5}.tooltip-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tooltip-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:400px;padding:24px;position:relative;width:90%}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;position:absolute;right:16px;top:12px}.close-btn:hover{color:#dc2626}.tooltip-content h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.tooltip-info p{color:#374151;line-height:1.5;margin:8px 0}.tooltip-info strong{color:#1f2937}.info-icon-tooltip{align-items:center;color:#6b7280;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:relative;transition:color .2s ease;width:24px}.info-icon-tooltip:hover{color:#4f46e5}.info-icon-tooltip:before{background:linear-gradient(135deg,#1f2937,#374151);border-radius:12px;box-shadow:0 8px 25px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;line-height:1.6;max-width:320px;min-width:280px;padding:16px 20px;text-align:left;white-space:pre-line;z-index:99999}.info-icon-tooltip:after,.info-icon-tooltip:before{opacity:0;pointer-events:none;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.info-icon-tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #1f2937;content:"";height:0;width:0;z-index:99998}.info-icon-tooltip:hover:after,.info-icon-tooltip:hover:before{opacity:1;visibility:visible}.status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.status.active{background:#dcfce7;color:#166534}@media (max-width:768px){.info-icon-tooltip:before{min-width:250px;right:-50px}.info-icon-tooltip:after{right:10px}}.page-container{align-items:center;background-color:#f9fafb;display:flex;justify-content:center;min-height:100vh}.subscription-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;font-family:Inter,sans-serif;max-width:420px;padding:24px;width:100%}.subscription-message{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px}.loading-text{color:#6b7280}.subscription-details{display:flex;flex-direction:column;gap:14px}.details-title{color:#4f46e5;font-size:16px;font-weight:600;margin-bottom:8px}.details-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:6px}.label{color:#6b7280;font-weight:500}.subscription-status-badge{border-radius:9999px;font-size:14px;font-weight:500;padding:3px 10px}.subscription-status-badge.active{background:#dcfce7;color:#166534}.subscription-status-badge.inactive{background:#fee2e2;color:#991b1b}.redirect-text{color:#555}.redirect-button,.redirect-text{font-size:.95rem;margin-top:1rem}.redirect-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background .2s ease}.redirect-button:hover{background-color:#45a049}.redirect-button:active{transform:scale(.97)}.subscription-message.error{color:#e63946}.catalog-section{padding:24px 0 32px}.guide-overlay{align-items:center;animation:fmFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.guide-modal{animation:msiSlideIn .2s ease-out;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0f172a38;max-width:95vw;overflow:hidden;width:580px}.guide-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.guide-modal-title{color:#0c1147;font-size:17px;font-weight:800;margin:0}.guide-modal-close{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:18px;height:30px;justify-content:center;transition:background .15s;width:30px}.guide-modal-close:hover{background:#e0e5ff}.guide-slide{display:flex;flex-direction:column;gap:14px;min-height:260px;padding:24px 28px 20px}.guide-step-badge{background:#f0f3ff;border-radius:999px;color:#3844d1;font-size:12px;font-weight:700;gap:6px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.guide-step-badge,.guide-step-number{align-items:center;display:inline-flex}.guide-step-number{background:#3844d1;border-radius:50%;color:#fff;font-size:11px;font-weight:800;height:20px;justify-content:center;width:20px}.guide-slide-img{border:1px solid #e2e8f0;border-radius:8px;display:block;height:auto;margin-top:12px;width:100%}.guide-slide-title{color:#1e293b;font-size:16px;font-weight:800;margin:0}.guide-slide-desc{color:#475569;font-size:13.5px;line-height:1.6;margin:0}.guide-points{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.guide-points li{align-items:flex-start;color:#334155;display:flex;font-size:13px;gap:8px;line-height:1.5}.guide-point-dot{background:#3844d1;border-radius:50%;height:6px;margin-top:6px;min-width:6px;width:6px}.guide-note{background:#f0f3ff;border-left:3px solid #3844d1;border-radius:0 8px 8px 0;color:#3844d1;font-size:12.5px;font-weight:600;padding:10px 14px}.guide-footer{align-items:center;background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 24px}.guide-dots{display:flex;gap:6px}.guide-dot{background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .15s;width:8px}.guide-dot.active{background:#3844d1;border-radius:4px;width:20px}.guide-nav{display:flex;gap:8px}.guide-nav-btn{border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;transition:all .15s}.guide-nav-btn.prev{background:#fff;border:1.5px solid #e2e8f0;color:#475569}.guide-nav-btn.prev:hover{border-color:#3844d1;color:#3844d1}.guide-nav-btn.next{background:#3844d1;border:none;color:#fff}.guide-nav-btn.next:hover{opacity:.88}.guide-help-btn{align-items:center;background:#f0f3ff;border:1.5px solid #c7d2fe;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:800;height:22px;justify-content:center;transition:background .15s;width:22px}.guide-help-btn:hover{background:#e0e5ff}.catalog-header{margin-bottom:24px}.catalog-header-row{align-items:center;display:flex;justify-content:space-between}.catalog-title{color:#0c1147;font-size:28px;font-weight:800;margin:0}.catalog-subtitle{color:#797a83;font-size:13px;font-weight:500;margin:0}.catalog-source-strip{display:flex;gap:12px;margin-bottom:4px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.catalog-source-strip::-webkit-scrollbar{display:none}.catalog-source-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;min-width:200px;padding:13px 18px;transition:border-color .18s,box-shadow .18s}.catalog-source-card:hover{border-color:#3844d1;box-shadow:0 2px 10px #3844d11a}.catalog-source-card.active{background:#f0f3ff;border-color:#3844d1;box-shadow:0 2px 14px #3844d121}.catalog-source-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:13px;font-weight:900;height:38px;justify-content:center;width:38px}.catalog-source-icon.optimizely{background:#eef2ff;color:#0037ff}.catalog-source-info{display:flex;flex-direction:column;gap:2px}.catalog-source-name{color:#36363c;font-size:13px;font-weight:700;white-space:nowrap}.catalog-source-sub{color:#797a83;font-size:11px}.catalog-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.catalog-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.catalog-modal-title-row{align-items:center;display:flex;gap:12px}.catalog-upload-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:13px;font-weight:900;height:44px;justify-content:center;width:44px}.catalog-upload-icon-wrap.optimizely{background:#eef2ff;color:#0037ff}.catalog-modal-title{color:#36363c;font-size:18px;font-weight:800;margin:0 0 2px}.catalog-modal-subtitle{color:#797a83;font-size:12px;margin:0}.fm-settings-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#36363c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:border-color .2s,box-shadow .2s}.fm-settings-btn:hover{border-color:#3844d1;box-shadow:0 2px 8px #3844d11a;color:#3844d1}.fm-settings-btn svg{flex-shrink:0}.fm-overlay{align-items:center;animation:fmFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes fmFadeIn{0%{opacity:0}to{opacity:1}}.fm-modal-body{flex:1 1;overflow-y:auto;padding:20px 28px}.fm-close-btn{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:background .15s;width:32px}.fm-close-btn:hover{background:#e0e5ff}.fm-modal{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0f172a2e,0 4px 16px #0f172a14;display:flex;flex-direction:column;max-height:88vh;max-width:95vw;overflow:hidden;width:660px}.fm-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px 18px}.fm-title{color:#0c1147;font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.fm-subtitle{color:#8b92a9;font-size:12.5px;margin:0}.fm-info-note{align-items:flex-start;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;color:#3844d1;display:flex;font-size:12.5px;gap:9px;line-height:1.5;margin:14px 0 10px;padding:10px 14px}.fm-back-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#36363c;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .15s,border-color .15s;width:34px}.fm-back-btn:hover{background:#f0f4ff;border-color:#3844d1;color:#3844d1}.fm-page-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 2px 12px #0f172a0f;margin-top:8px;max-width:680px;padding:0 28px 24px}.fm-page-table-header{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f5f9;color:#b0b7c3;display:grid;font-size:10.5px;font-weight:700;gap:12px;grid-template-columns:1fr 28px 1fr;letter-spacing:.08em;padding:18px 4px 8px;text-transform:uppercase}.fm-page-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:20px}.fm-tabs{background:#fff;border-bottom:2px solid #f1f5f9;display:flex;gap:0;padding:0 28px}.fm-tab{align-items:center;background:#0000;border:none;color:#8b92a9;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:13px 18px;position:relative;transition:color .15s;white-space:nowrap}.fm-tab:hover{color:#1e293b}.fm-tab:after{background:#0000;border-radius:2px 2px 0 0;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transition:background .15s}.fm-tab--active.fm-tab--input{color:#3844d1}.fm-tab--active.fm-tab--input:after{background:#3844d1}.fm-tab--active.fm-tab--output{color:#16a34a}.fm-tab--active.fm-tab--output:after{background:#16a34a}.fm-tab-dot{background:#ef4444;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.fm-tab-desc{align-items:center;background:#f0f4ff;border-radius:8px;color:#3844d1;display:flex;font-size:12px;gap:8px;margin:14px 0 8px;padding:9px 14px}.fm-tab-desc--output{background:#f0fdf4;color:#16a34a}.fm-table-wrap{flex:1 1;overflow-y:auto;padding:4px 28px 16px}.fm-table-header{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f5f9;color:#b0b7c3;display:grid;font-size:10.5px;font-weight:700;gap:12px;grid-template-columns:1fr 28px 1fr 56px;letter-spacing:.08em;padding:6px 4px;text-transform:uppercase}.fm-table-body{display:flex;flex-direction:column}.fm-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f8fafc;border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr 28px 1fr 56px;padding:9px 4px;transition:background .12s}.fm-row:hover{background:#fafbff}.fm-row:last-child{border-bottom:none}.fm-field-label{color:#36363c;font-size:13px;font-weight:600}.fm-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:13px;outline:none;padding:7px 12px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.fm-input:focus{background:#fff;border-color:#3844d1;box-shadow:0 0 0 3px #3844d11a}.fm-input::placeholder{color:#c4cad5}.fm-input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262614!important}.fm-error{color:#dc2626;display:block;font-size:11px;margin-top:3px}.fm-field-toggle{appearance:none;-webkit-appearance:none;background:#e2e8f0;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s;width:36px}.fm-field-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000026;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}.fm-field-toggle:checked{background:#3844d1}.fm-field-toggle:checked:after{transform:translateX(16px)}.fm-field-toggle:disabled{cursor:not-allowed;opacity:.4}.fm-section-badge{background:#e0e7ff;border-radius:999px;color:#3844d1;flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.fm-section-badge--output{background:#dcfce7;color:#16a34a}.fm-footer{background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 28px}.tutorial-container{background-color:#f4f5fc;border-radius:12px;padding:20px}.tutorial-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.tutorial-title{color:#01265a;font-size:20px;font-weight:600;margin:0;max-width:80%}.understood-button{background-color:#3844d1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.understood-button:hover{opacity:.9}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.video-card:hover{transform:translateY(-4px)}.video-preview img{display:block;height:auto;width:100%}.tutorial-top-bar{margin-top:19.5}.tutorial-top-bar,.video-info{align-items:center;display:flex;justify-content:space-between}.video-info{padding:12px 16px}.video-text .video-title{color:#01265a;font-size:16px;font-weight:600}.video-duration{align-items:center;color:#555;display:flex;font-size:14px;gap:6px;margin-top:4px}.play-button{background:#4a63f4;border-radius:50%;color:#fff;font-size:18px;height:32px;text-decoration:none;width:32px}.manage-shopify-overlay,.play-button{align-items:center;display:flex;justify-content:center}.manage-shopify-overlay{animation:msiFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;inset:0;position:fixed;z-index:99999}@keyframes msiFadeIn{0%{opacity:0}to{opacity:1}}.manage-shopify-modal{animation:msiSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0f172a2e;max-width:95vw;overflow:hidden;width:520px}@keyframes msiSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.manage-shopify-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:22px 28px 18px}.manage-shopify-modal-title{color:#0c1147;font-size:18px;font-weight:800;margin:0}.manage-shopify-modal-close{align-items:center;background:#f0f3ff;border:none;border-radius:50%;color:#3844d1;cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;transition:background .15s;width:32px}.manage-shopify-modal-close:hover{background:#e0e5ff}.manage-shopify-modal-body{padding:24px 28px 28px}.third-party-apps-wrapper{display:flex;flex-direction:column;gap:16px;padding:10px 8px}.third-party-apps-title{color:#0c1147;font-size:18px;font-weight:600}.third-party-apps-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.third-party-apps-actions{display:flex;gap:10px}.api-key-section-title,.main-section-title{color:#0c1147;font-size:16px;font-weight:600;margin-bottom:20px}.api-key-section-desc{color:#4b5563;font-size:13px;margin-bottom:12px}.third-party-apps-form{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(1,1fr)}.app-icon-image{height:40px;object-fit:contain;width:40px}.third-party-apps-form .form-group{display:flex;flex-direction:column}.third-party-apps-form label{font-size:.95rem;font-weight:500;margin-bottom:.5rem}.third-party-apps-form input,.third-party-apps-form textarea{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.6rem .75rem;transition:border-color .2s ease}.third-party-apps-form input:focus,.third-party-apps-form textarea:focus{border-color:#3844d1;outline:none}.third-party-apps-form textarea{min-height:80px;resize:vertical}.api-key-row{align-items:center;display:flex;gap:8px;margin-top:8px}.api-key-display-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;flex:1 1;font-size:.9rem;padding:.55rem .75rem}.generate-key-button{background-color:#fff;border:1px solid #3844d1;border-radius:6px;color:#3844d1;cursor:pointer;font-size:.85rem;font-weight:500;padding:.45rem .9rem;white-space:nowrap}.generate-key-button:hover{background-color:#f4f5ff}.api-key-helper{color:#6b7280;display:block;font-size:12px;margin-top:6px}.form-buttons{display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:2rem}.submit-button{background-color:#3844d1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem}.submit-button:hover{opacity:.9}.edit-shopify-app-form-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;margin:2rem auto;padding:2rem;width:100%}.edit-shopify-app-form-grid{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(1,1fr)}.cancel-button{background-color:#fff;border:1px solid #3844d1;border-radius:6px;color:#3844d1;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem}.cancel-button:hover{background-color:#f4f5ff}.add-apps-button{padding:.6rem 1.5rem}.api-help-button{align-items:center;background-color:#fff;border:1.5px solid #3844d1;border-radius:8px;color:#3844d1;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 16px;transition:background-color .2s ease,color .2s ease}.api-help-button:hover{background-color:#f0f3ff}.api-help-icon{background-color:#fff;border:2px solid #3844d1;border-radius:999px;color:#3844d1;font-size:12px;font-weight:700;height:22px;width:22px}.api-help-icon,.no-apps-text{align-items:center;display:flex;justify-content:center}.no-apps-text{color:#797a83;font-size:14px;height:200px;padding:16px 4px;text-align:center;width:100%}.apps-table{border-collapse:collapse;width:100%}.apps-card-list,.apps-modal-card-list{display:flex;flex-wrap:wrap;gap:20px}.apps-modal-card-list{justify-content:center}.apps-card-body{background:#f8fafc;border-radius:12px;max-height:544px;overflow-y:auto;padding:20px}.app-card{align-items:center;background:#fff;border:none;border-radius:18px;box-shadow:0 12px 24px #0000000f;display:flex;flex-direction:column;font-family:sans-serif;height:220px;justify-content:center;padding:20px 18px;position:relative;text-align:center;transition:all .25s ease;width:220px}.app-card:hover{box-shadow:0 18px 34px #00000014;transform:translateY(-4px)}.app-card-header,.app-name-cell{align-items:center;display:flex;flex-direction:column}.app-name-cell{gap:10px}.app-icon-circle{align-items:center;background:#f2f2f2;border-radius:50%;color:#36363c;display:flex;font-size:28px;font-weight:700;height:72px;justify-content:center;width:72px}.app-name-text{color:#36363c;font-size:16px;font-weight:800;margin-top:16px}.app-card-meta{color:#797a83;font-size:12px;margin-top:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-body{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px}.app-card-body .submit-button{border-radius:8px;font-size:13px;padding:7px 16px}.app-card-description{color:#797a83;font-size:13px;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-card-key-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.app-key-label{color:#6b7280;font-size:12px}.app-key-value{align-items:center;display:flex;gap:8px;max-width:100%}.app-key-text{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-key-toggle-btn{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:2px}.app-key-toggle-btn:hover svg path{fill:#111827}.app-card-actions{display:flex;justify-content:flex-end}.app-menu-container{position:absolute;right:12px;top:12px}.app-menu-icon{color:#9ca3af;cursor:pointer;font-size:20px}.app-menu-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 10px #0f172a1f;min-width:120px;position:absolute;right:0;top:26px;z-index:50}.app-menu-item{color:#111827;cursor:pointer;font-size:12px;padding:6px 10px;text-align:left}.app-menu-item:hover{background-color:#f3f4ff}.app-menu-item-danger{color:#b91c1c}.app-menu-item-danger:hover{background-color:#fee2e2}.api-docs-overlay{align-items:center;animation:apiDocsOverlayFadeIn .18s ease-out;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.api-docs-modal{animation:apiDocsModalPop .28s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;padding:24px 28px 20px;transform-origin:center;width:900px}@keyframes apiDocsOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes apiDocsModalPop{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.apps-modal-card-list .app-card{animation:appCardEnter .32s cubic-bezier(.2,.8,.2,1) both}.apps-modal-card-list .app-card:first-child{animation-delay:.04s}.apps-modal-card-list .app-card:nth-child(2){animation-delay:.1s}.apps-modal-card-list .app-card:nth-child(3){animation-delay:.16s}.apps-modal-card-list .app-card:nth-child(4){animation-delay:.22s}@keyframes appCardEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.api-docs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.api-docs-header h3{color:#0c1147;font-size:20px;font-weight:600;margin:0}.api-docs-close-btn{background:none;border:none;cursor:pointer;font-size:22px;line-height:1}.api-docs-body{overflow-y:auto;padding:4px}.api-docs-intro{color:#4b5563;font-size:13px;margin:0 0 10px}.api-docs-section{margin-top:12px}.api-docs-section h4{color:#111827;font-size:13px;font-weight:600;margin:0 0 6px}.api-docs-code{background:#0f172a;border-bottom:none;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;margin:0;overflow-x:auto;padding:10px 12px;white-space:pre}.api-docs-code code{font-family:inherit}.api-docs-footer{display:flex;gap:20px;justify-content:flex-end;padding-top:10px}.error-text{font-size:12px;margin-top:4px}.error-text,.required{color:#dc2626}.integration-card-new{align-items:center;background:#fff;border-radius:18px;box-shadow:0 12px 24px #0000000f;display:flex;flex-direction:column;gap:16px;padding:28px 22px;transition:all .25s ease;width:270px}.integration-card-new:hover{box-shadow:0 18px 34px #00000014;transform:translateY(-4px)}.logo-wrapper{align-items:center;background:#f3f4f6;border-radius:16px;display:flex;height:68px;justify-content:center;width:68px}.logo-wrapper img{width:38px}.integration-title-new{color:#111827;font-size:15px;font-weight:600;text-align:center;word-break:break-word}.status-pill-new{background:#ecfdf5;border-radius:999px;color:#059669;font-size:13px;font-weight:600;padding:6px 14px}.integration-actions-new{display:flex;gap:10px;margin-top:6px}.manage-btn-new{background:#3844d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:background .2s}.manage-btn-new:hover{background:#2c35a8}.disconnect-btn-new{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:background .2s}.disconnect-btn-new:hover{background:#b91c1c}.btn-loader{align-items:center;display:flex;gap:8px}.spinner{animation:spin .6s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.submit-button:disabled{cursor:not-allowed;opacity:.7}.disabled-logo{filter:grayscale(100%);opacity:.5}.app-card.disabled{opacity:.6;pointer-events:none}@font-face{font-family:Avenir;font-style:normal;font-weight:400;src:url(/static/media/AvenirLTStd-Roman.0bfb049d9455e81fd1da.otf) format("opentype")}@font-face{font-family:Avenir;font-style:normal;font-weight:900;src:url(/static/media/AvenirLTStd-Black.7ce894e12078ca8c5134.otf) format("opentype")}@font-face{font-family:Avenir;font-style:normal;font-weight:400;src:url(/static/media/AvenirLTStd-Book.813557df4c7a90b1a474.otf) format("opentype")}@font-face{font-family:Avenir;font-style:normal;font-weight:300;src:url(/static/media/AvenirLTStd-Light.4343d6ec50614bf0b4a4.otf) format("opentype")}@font-face{font-family:Avenir;font-style:normal;font-weight:500;src:url(/static/media/AvenirLTStd-Medium.adcbfbb892596d80fae1.otf) format("opentype")}*{font-family:Avenir,sans-serif}
/*# sourceMappingURL=main.796e397f.css.map*/