.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast-container .toast{padding:12px 16px;border-radius:10px;color:#fff;font-size:14px;min-width:220px;animation:slideIn .3s ease}.toast-container .success{background:#22c55e}.toast-container .error{background:#ef4444}.toast-container .info{background:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.confirm-modal.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10000;animation:fadeIn .15s ease}.confirm-modal .box{width:min(420px,100%);background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 50px #0f172a33}.confirm-modal .title{margin:0 0 10px;font-size:17px;font-weight:700;color:#0f172a}.confirm-modal .message{margin:0;font-size:14.5px;line-height:1.55;color:#334155;white-space:pre-line}.confirm-modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-modal .btn{border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.confirm-modal .cancel{background:#eef2f7;color:#183b67}.confirm-modal .ok{background:#2f80ed;color:#fff}.confirm-modal .danger{background:#dc2626}.confirm-modal .btn:focus-visible{outline:2px solid #2f80ed;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dsPageContainer{width:100vw;height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.leftSection{padding:20px;display:grid;grid-template-rows:auto auto 1fr;gap:10px;background:linear-gradient(0deg,#f3f3f3,#f3f3f3),linear-gradient(0deg,#f1f5f8,#f1f5f8)}.leftSection .header{font-size:32px;font-weight:500;color:#2a2a33}.leftSection .subHeader{color:#1172fa}.loginLeftImg{align-self:end;width:100%}.rightSectionLogin{padding:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:auto}.logo{width:auto}.rightSectionMiddlePart{max-width:470px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.loginHeader{font-size:24px;font-weight:500;color:#2a2a33;text-align:center;max-width:380px}.loginSubHeader{color:#313957;font-size:18px;font-weight:400;text-align:center;max-width:380px}.loginForm{width:100%;margin-top:24px;display:grid;gap:18px}.dsFieldContainer{display:grid;gap:6px}.dsLabel{font-size:14px;font-weight:500;color:#0c1421;width:fit-content}.dsInput{height:44px;line-height:44px;border-radius:2px;outline:none;padding:0 10px;background-color:#f7fbff;border:1px solid #D4D7E3;font-size:14px;font-weight:400;color:#2a2a33;width:100%}.dsInput:focus{border-color:#1172fa}.lastFieldContainer{display:flex;justify-content:space-between;align-items:center}.lastFieldContainer .dsLabel{display:flex;align-items:center;gap:5px}.loginButton{height:44px;outline:none;border:none;background:linear-gradient(0deg,#1172fa,#1172fa),linear-gradient(180deg,#ffffff1f,#fff0);border:1px solid;border-image-source:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px #253ea77a;border-radius:2px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.forgotPasswordLink,.signUpLink{text-decoration:none;color:#1172fa;font-size:14px;font-weight:500;cursor:pointer}.dsCaptchaContainer{display:flex;align-items:center;gap:5px}.rightSectionBottomPart{font-size:14px;font-weight:500;color:#122b31}@media screen and (max-width: 1024px){.rightSectionMiddlePart{max-width:380px}.loginHeader,.loginSubHeader{max-width:320px}.recaptchaCanvas{width:150px}}@media screen and (max-width: 768px){.dsPageContainer{grid-template-columns:1fr}.leftSection{display:none}.rightSectionMiddlePart{max-width:540px}.loginHeader,.loginSubHeader{max-width:380px}.recaptchaCanvas{width:200px}}@media screen and (max-width: 480px){.rightSectionMiddlePart{max-width:320px}.recaptchaCanvas{width:150px}}.login-container{display:flex;height:100vh;background:#f5f6f8}.login-container .left-section{flex:1;position:relative}.login-container .bg-img{width:100%;height:100%;object-fit:cover}.login-container .overlay{position:absolute;top:20px;left:20px;color:#fff}.login-container .brand{display:flex;gap:10px;align-items:center}.login-container .brand-logo{width:40px}.login-container .right-section{flex:1;display:flex;align-items:center;justify-content:center}.login-container .form-card{width:420px;margin:0 auto;text-align:center}.login-container .top-logo{display:block;margin:0 auto;width:90px}.login-container .logoTopWrap{display:flex;justify-content:center;align-items:center;width:100%}.login-container h1{font-size:26px;margin-bottom:10px}.login-container .subtitle{color:#666;margin-bottom:20px}.login-container .field{margin-bottom:15px}.login-container .field input{width:100%;height:45px;padding:10px;border-radius:8px;border:1px solid #ddd}.login-container .password-wrap{display:flex;gap:10px}.login-container .row{display:flex;justify-content:space-between;margin-bottom:15px}.login-container .captcha-box{display:flex;gap:10px;margin-bottom:10px}.login-container .login-btn{width:100%;height:45px;background:#2f7cf6;color:#fff;border:none;border-radius:8px}.login-container .err{color:red}.login-container .signup{margin-top:20px}.login-container .password-wrap{position:relative;display:flex;align-items:center}.login-container .password-wrap input{width:100%;padding-right:40px}.login-container .eye-btn{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center}.login-container .eye-btn:hover{color:#2f7cf6}.login-container .refresh-btn{height:44px;width:44px;border:1px solid #D4D7E3;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#667085;transition:all .2s ease}.login-container .refresh-btn:hover{color:#1172fa;border-color:#1172fa;background:#f5f9ff}.login-container .bg-img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000ff4d;pointer-events:none}.login-container .bg-img{filter:brightness(.8) saturate(2) hue-rotate(0deg)}.inbox-sidebar svg{display:block}.inbox-sidebar .inbox-sidebar-menu,.inbox-sidebar .mobile-sidebar-menu{margin:0;padding:0;list-style:none}.inbox-sidebar .inbox-sidebar-desktop{width:66px;min-width:66px;height:100vh;border-right:1px solid #eaeced;background:#fff}.inbox-sidebar .inbox-sidebar-menu{width:66px;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.inbox-sidebar .inbox-sidebar-item{width:66px;height:54px;min-height:54px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eaeced}.inbox-sidebar .inbox-sidebar-link{width:66px;height:54px;display:grid;place-items:center;color:#71839b;text-decoration:none;transition:color .2s ease,background-color .2s ease}.inbox-sidebar .inbox-sidebar-link svg{width:20px;height:20px;display:block;flex-shrink:0}.inbox-sidebar .inbox-sidebar-link:hover,.inbox-sidebar .inbox-sidebar-link.router-link-exact-active{color:#1172fa;background:#eef6ff}.inbox-sidebar .inbox-sidebar-mobile{width:100vw;height:100vh;color:#fff;background:#1172fa}.inbox-sidebar .inbox-sidebar-header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#2781ff}.inbox-sidebar .mobile-brand,.inbox-sidebar .mobile-sidebar-menu a,.inbox-sidebar .inbox-signoff button{display:flex;align-items:center;gap:12px}.inbox-sidebar .mobile-brand{color:#fff;font-weight:800}.inbox-sidebar .icon-only,.inbox-sidebar .inbox-signoff button{border:0;cursor:pointer}.inbox-sidebar .icon-only{width:32px;height:32px;display:grid;place-items:center;color:#fff;border-radius:8px;background:#1172fa}.inbox-sidebar .inbox-sidebar-user{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:18px 20px}.inbox-sidebar .inbox-user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#1172fa;background:#fff;overflow:hidden}.inbox-sidebar .inbox-user-avatar img{width:100%;height:100%;object-fit:cover}.inbox-sidebar .userName,.inbox-sidebar .userId,.inbox-sidebar .currentTime{margin:0}.inbox-sidebar .userName{font-size:12px;font-weight:700}.inbox-sidebar .userId,.inbox-sidebar .currentTime{color:#dbeafe;font-size:11px;font-weight:500}.inbox-sidebar .mobile-sidebar-menu{display:flex;flex-direction:column;gap:12px;padding:18px 20px}.inbox-sidebar .mobile-sidebar-menu a,.inbox-sidebar .inbox-signoff button{width:100%;min-height:42px;color:inherit;font:inherit;text-decoration:none}.inbox-sidebar .mobile-sidebar-menu a{padding:0 12px;border-radius:10px}.inbox-sidebar .mobile-sidebar-menu a.router-link-exact-active,.inbox-sidebar .mobile-sidebar-menu a:hover{background:#ffffff24}.inbox-sidebar .inbox-signoff{margin-top:auto}.inbox-sidebar .inbox-signoff button{justify-content:center;color:#fff;background:transparent}.inbox-sidebar .version{margin:10px 0 0;color:#b8d1f4;font-size:11px;text-align:center}.composer{display:flex;align-items:center;gap:10px;padding:8px;flex-wrap:wrap}.composer .icon-btn{width:42px;height:42px;border:1px solid #d9e1ea;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.composer .icon-btn.active,.composer .template-toggle.active{background:#00a884;color:#fff;border-color:#00a884;box-shadow:0 0 0 3px #00a8842e}.composer .attach-popover{position:absolute;bottom:52px;left:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 30px #0000001f;padding:8px;display:grid;gap:6px;z-index:100}.composer .attach-head{display:none}.composer .attach-close{border:0;background:transparent;cursor:pointer;font-size:24px;line-height:1}.composer .attach-section-title{font-size:12px;font-weight:700;color:#6b7280;padding:4px 8px 2px}.composer .storage-picker{display:grid;gap:6px;padding:0 8px 6px}.composer .storage-select{width:100%;border:1px solid #d9e1ea;border-radius:10px;padding:8px;font-size:12px;background:#fff;color:#111827}.composer .attach-divider{height:1px;background:#e5e7eb;margin:4px 0}.composer .attach-item{border:none;background:transparent;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.composer .attach-item:hover{background:#f4f7fb}.composer .attach-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.composer .image{background:#22c55e}.composer .video{background:#3b82f6}.composer .audio{background:#a855f7}.composer .doc{background:#f97316}.composer .template-wrap{display:flex;gap:8px;align-items:center}.composer .template-toggle{display:none}.composer .template-select{height:42px;border:1px solid #d9e1ea;border-radius:999px;padding:0 12px;background:#fff}.composer .template-btn{height:42px;padding:0 14px;border-radius:999px;background:#0f766e;color:#fff;border:none;cursor:pointer}.composer .msg-input{flex:1;min-width:220px;height:42px;border:1px solid #d9e1ea;border-radius:999px;padding:0 14px}.composer .send-btn{height:42px;padding:0 16px;border-radius:999px;background:#1172fa;color:#fff;border:none;cursor:pointer}.composer .server-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:500}.composer .server-modal{width:420px;max-width:calc(100vw - 24px);background:#fff;border-radius:16px;padding:16px;box-shadow:0 18px 50px #0000002e}.composer .server-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.composer .close-btn{border:none;background:transparent;font-size:22px;cursor:pointer;line-height:1}.composer .server-row{display:grid;gap:6px;margin-bottom:12px}.composer .server-label{font-size:13px;color:#475569;font-weight:600}.composer .server-input{height:42px;border:1px solid #d9e1ea;border-radius:10px;padding:0 12px;background:#fff}.composer .server-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.composer .cancel-btn,.composer .save-btn{height:40px;padding:0 16px;border-radius:10px;border:none;cursor:pointer}.composer .cancel-btn{background:#e5e7eb;color:#111827}.composer .save-btn{background:#1172fa;color:#fff}.composer .send-btn:disabled,.composer .msg-input:disabled,.composer .icon-btn:disabled,.composer .template-btn:disabled,.composer .template-select:disabled{opacity:.5;cursor:not-allowed}.composer .server-toolbar{display:grid;grid-template-columns:140px 1fr;gap:10px;margin-bottom:12px}.composer .server-state{padding:20px 10px;text-align:center;color:#64748b}.composer .server-grid{max-height:380px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.composer .server-card{border:1px solid #e5e7eb;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;text-align:left;padding:0}.composer .server-card.active{border-color:#1172fa;box-shadow:0 0 0 2px #1172fa1f}.composer .server-thumb{width:100%;height:120px;object-fit:cover;display:block;background:#f8fafc}.composer .server-icon-box{height:120px;display:flex;align-items:center;justify-content:center;background:#f8fafc;font-size:34px}.composer .server-file-meta{padding:10px}.composer .server-file-name{font-size:13px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .server-file-type{font-size:12px;color:#64748b;margin-top:2px}.composer .template-preview-modal{width:420px;max-width:calc(100vw - 24px);background:#fff;border-radius:18px;padding:16px;box-shadow:0 20px 60px #0000002e}.composer .wa-preview{background:#e5ddd5;border-radius:14px;padding:16px;margin-top:10px}.composer .wa-header{font-weight:700;margin-bottom:10px;color:#111827}.composer .wa-body{white-space:pre-wrap;line-height:1.5;color:#111827;font-size:14px}.composer .wa-footer{margin-top:10px;font-size:12px;color:#64748b}.composer .wa-buttons{display:grid;gap:8px;margin-top:14px}.composer .template-preview-modal{width:420px;max-width:calc(100vw - 24px);background:#fff;border-radius:18px;padding:16px}.composer .wa-preview{background:#e5ddd5;border-radius:14px;padding:14px;margin-top:10px}.composer .wa-template-name{font-size:12px;color:#64748b;margin-bottom:8px}.composer .wa-header{font-weight:700;margin-bottom:8px}.composer .wa-body{white-space:pre-wrap;line-height:1.5;font-size:14px}.composer .wa-footer{margin-top:8px;font-size:12px;color:#64748b}.composer .wa-media-preview{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:10px;background:#f8fafc}.composer .wa-buttons{display:grid;gap:8px;margin-top:12px}.composer .wa-btn{border:none;background:#fff;color:#1172fa;border-radius:10px;padding:10px;font-weight:600}.composer .template-preview-modal{width:390px;max-width:calc(100vw - 24px);background:#fff;border-radius:18px;padding:16px;box-shadow:0 20px 60px #0000002e}.composer .phone-preview{width:300px;margin:12px auto;border:10px solid #111827;border-radius:34px;overflow:hidden;background:#111827;box-shadow:0 18px 45px #00000040}.composer .phone-top{height:54px;background:#075e54;color:#fff;display:flex;align-items:center;gap:10px;padding:0 12px}.composer .phone-avatar{width:34px;height:34px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.composer .phone-title{font-size:13px;font-weight:700}.composer .phone-subtitle{font-size:10px;opacity:.8}.composer .phone-chat-bg{min-height:430px;padding:16px 10px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25) 0 2px,transparent 3px),#e5ddd5}.composer .wa-bubble{max-width:240px;background:#dcf8c6;margin-left:auto;border-radius:12px 12px 2px;padding:8px;font-size:13px;color:#111827}.composer .wa-template-name{font-size:10px;color:#64748b;margin-bottom:6px}.composer .wa-header{font-weight:700;margin-bottom:6px}.composer .wa-body{white-space:pre-wrap;line-height:1.45}.composer .wa-footer{margin-top:7px;font-size:11px;color:#64748b}.composer .wa-media-preview{width:100%;max-height:145px;object-fit:cover;border-radius:8px;margin-bottom:8px;background:#f8fafc}.composer .wa-media-placeholder{height:120px;border-radius:8px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:12px;margin-bottom:8px}.composer .wa-buttons{display:grid;gap:4px;margin-top:8px}.composer .wa-btn{border:none;border-top:1px solid #e5e7eb;background:#fff;color:#1172fa;padding:8px;font-size:12px;font-weight:600;border-radius:6px}.composer .wa-time{text-align:right;font-size:10px;color:#64748b;margin-top:4px}@media (max-width: 640px){.composer{width:100%;display:grid;grid-template-columns:42px 42px 1fr 54px;align-items:center;gap:8px;padding:0;flex-wrap:nowrap;position:relative}.composer .attach-wrap{position:relative}.composer .icon-btn{width:42px;height:42px;border:0;background:#2a3942;color:#aebac1}.composer .icon-btn.active,.composer .template-toggle.active{background:#00a884;color:#fff;box-shadow:0 0 0 2px #00a88447}.composer .msg-input{min-width:0;width:100%;height:42px;border:0;background:#2a3942;color:#e9edef;padding:0 14px}.composer .msg-input::placeholder{color:#8696a0}.composer .send-btn{width:54px;height:42px;padding:0;border-radius:999px;background:#00a884;color:#fff;font-size:0;position:relative}.composer .send-btn:before{content:"➤";font-size:18px;line-height:1}.composer .template-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:999px;padding:0;background:#2a3942;color:#aebac1}.composer .template-toggle span{display:none}.composer .template-toggle:disabled{opacity:.5}.composer .template-wrap{display:none}.composer .template-wrap.mobileOpen{display:grid;grid-template-columns:1fr auto;gap:8px;grid-column:1 / -1;order:-1;width:100%;padding:8px;border-radius:14px;background:#111b21;border:1px solid #26343d}.composer .template-select,.composer .template-btn{height:38px}.composer .template-select{min-width:0;width:100%;border:0;background:#2a3942;color:#e9edef}.composer .template-btn{white-space:nowrap;padding:0 10px;background:#00a884;font-size:12px}.composer .attach-popover{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:none;overflow:auto;background:#202c33;border:0;color:#e9edef;border-radius:0;z-index:9999;padding:16px}.composer .attach-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #26343d}.composer .attach-head strong{font-size:18px}.composer .attach-close{width:38px;height:38px;border-radius:999px;background:#2a3942;color:#e9edef}.composer .attach-section-title{color:#8696a0}.composer .attach-item{color:#e9edef}.composer .attach-item:hover{background:#2a3942}.composer .attach-divider{background:#26343d}.composer .server-modal-backdrop{align-items:stretch;background:#0000008c}.composer .server-modal,.composer .template-preview-modal{width:100%;height:100dvh;max-width:100%;max-height:none;overflow:auto;border-radius:0}.composer .server-toolbar{grid-template-columns:1fr}.composer .server-grid{grid-template-columns:1fr;max-height:none}.composer .phone-preview{width:min(300px,88vw)}}.template-bubble-wrap{display:flex;justify-content:flex-end;width:100%}.template-bubble-wrap .template-bubble{width:fit-content;max-width:300px;background:#dcf8c6;color:#111827;border-radius:12px 12px 2px;padding:8px;font-size:13px;box-shadow:0 1px 1px #00000014}.template-bubble-wrap .template-bubble.loading,.template-bubble-wrap .template-bubble.error{background:#fff;color:#64748b}.template-bubble-wrap .template-bubble.error{color:#dc2626}.template-bubble-wrap .template-name{font-size:10px;color:#64748b;margin-bottom:6px}.template-bubble-wrap .template-header{font-weight:700;margin-bottom:6px}.template-bubble-wrap .template-media{width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin-bottom:8px;background:#f8fafc}.template-bubble-wrap .template-document{display:block;background:#fff;color:#111827;text-decoration:none;border-radius:8px;padding:10px;margin-bottom:8px;font-weight:600}.template-bubble-wrap .template-body{white-space:pre-wrap;line-height:1.45}.template-bubble-wrap .template-footer{margin-top:7px;font-size:11px;color:#64748b}.template-bubble-wrap .template-buttons{display:grid;gap:4px;margin-top:8px}.template-bubble-wrap .template-button{border:none;border-top:1px solid #e5e7eb;background:#fff;color:#1172fa;padding:8px;font-size:12px;font-weight:600;border-radius:6px}.template-bubble-wrap .template-time{text-align:right;font-size:10px;color:#64748b;margin-top:4px}.wa-location-card{width:280px;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #e5e7eb;display:block;text-decoration:none;color:inherit;transition:.2s ease}.wa-location-card:hover{transform:translateY(-1px)}.wa-location-card .map-wrap{width:100%;height:180px;overflow:hidden}.wa-location-card .leaflet-map{width:100%;height:100%;z-index:1}.wa-location-card .location-body{padding:12px}.wa-location-card .location-top{display:flex;gap:10px;align-items:flex-start}.wa-location-card .pin-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.wa-location-card .content{flex:1}.wa-location-card .title{font-size:14px;font-weight:600;line-height:1.3}.wa-location-card .address{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.wa-location-card .footer{margin-top:10px;font-size:11px;color:#16a34a;font-weight:500}.email-message{display:flex;flex-direction:column;gap:8px;min-width:0}.email-message .email-subject{font-weight:700;font-size:14px;color:#0f172a;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.email-message .email-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;color:#1e293b}.email-message .email-attachments{display:flex;flex-wrap:wrap;gap:6px}.email-message .email-attachment{font-size:12px;padding:4px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.email-message .email-html-frame{width:100%;min-height:260px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.email-message .email-error{font-size:12px;color:#dc2626}.email-message .email-original-btn{align-self:flex-start;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer}.email-message .email-original-btn:disabled{opacity:.6;cursor:not-allowed}.wa-contact-card{width:260px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;padding:14px}.wa-contact-card .top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.wa-contact-card .avatar{width:42px;height:42px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.wa-contact-card .info{flex:1}.wa-contact-card .name{font-size:15px;font-weight:600;color:#111827}.wa-contact-card .label{font-size:12px;color:#6b7280;margin-top:2px}.wa-contact-card .phone-row,.wa-contact-card .email-row{display:flex;align-items:center;gap:8px;margin-top:10px}.wa-contact-card .icon{color:#16a34a;flex-shrink:0}.wa-contact-card .phone,.wa-contact-card .email{text-decoration:none;color:#0f172a;font-size:13px;word-break:break-word}.wa-contact-card .phone:hover,.wa-contact-card .email:hover{color:#16a34a}.wa-contact-card .org{margin-top:12px;font-size:12px;color:#475569;padding-top:10px;border-top:1px solid #f1f5f9}.pause-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.pause-bar .left,.pause-bar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pause-bar .status-pill,.pause-bar .pause-code-pill{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}.pause-bar .status-pill.ready{background:#ecfdf5;color:#059669}.pause-bar .status-pill.paused,.pause-bar .status-pill.away{background:#fff7ed;color:#c2410c}.pause-bar .status-pill.live{background:#eff6ff;color:#2563eb}.pause-bar .status-pill.offline{background:#f3f4f6;color:#6b7280}.pause-bar .pause-code-pill{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}.pause-bar .timer{font-size:13px;font-weight:700;color:#111827;min-width:72px}.pause-bar .pause-select{height:38px;min-width:180px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff}.pause-bar .pause-btn,.pause-bar .resume-btn{width:100px;height:38px;padding:0 14px;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600}.pause-bar .pause-btn{background:#f59e0b}.pause-bar .resume-btn{background:#22c55e}.pause-bar .pause-btn:disabled,.pause-bar .resume-btn:disabled,.pause-bar .pause-select:disabled{opacity:.6;cursor:not-allowed}.queue-login .queue-box{background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;max-width:320px}.queue-login.loading{font-size:13px;color:#64748b}.queue-login.queue-control{display:flex;align-items:center;gap:10px}.queue-login .queue-select{height:36px;min-width:180px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff;font-size:13px}.queue-login .status{font-size:12px;font-weight:600}.queue-login .status.on{color:#22c55e}.queue-login .status.off{color:#ef4444}.queue-login .login-btn,.queue-login .logout-btn{height:32px;padding:0 12px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:600}.queue-login .login-btn{background:#22c55e;color:#fff}.queue-login .logout-btn{background:#ef4444;color:#fff}.dispo-wrap{display:flex;gap:8px;align-items:center}.dispo-wrap .callback-input{height:32px;border-radius:6px;border:1px solid #ddd;padding:0 8px;font-size:12px}.dispo-wrap .save-btn{height:32px;padding:0 10px;border-radius:6px;border:none;background:#22c55e;color:#fff;cursor:pointer}.transfer-popup .transfer-btn{height:32px;padding:0 12px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.transfer-popup .transfer-btn:hover{background:#2563eb}.transfer-popup .popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.transfer-popup .popup-card{width:420px;max-width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #0000002e;animation:popupIn .18s ease}.transfer-popup .popup-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.transfer-popup .popup-head h3{margin:0;font-size:18px}.transfer-popup .popup-close{border:none;background:transparent;font-size:18px;cursor:pointer}.transfer-popup .popup-body{padding:16px;display:grid;gap:14px}.transfer-popup .popup-info{display:grid;gap:4px}.transfer-popup .popup-info small{color:#64748b}.transfer-popup .popup-field{display:grid;gap:6px}.transfer-popup .popup-field label{font-size:13px;font-weight:600}.transfer-popup .popup-select,.transfer-popup .popup-textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;outline:none}.transfer-popup .popup-textarea{min-height:90px;resize:vertical}.transfer-popup .popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.transfer-popup .popup-cancel,.transfer-popup .popup-save{height:38px;padding:0 14px;border-radius:10px;cursor:pointer;border:none;font-weight:600}.transfer-popup .popup-cancel{background:#eef2f7;color:#334155}.transfer-popup .popup-save{background:#3b82f6;color:#fff}.transfer-popup .popup-save:disabled{opacity:.6;cursor:not-allowed}@keyframes popupIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.transfer-popup .transfer-btn{width:100%}.transfer-popup .popup-overlay{align-items:stretch;justify-content:stretch;padding:0;background:#111b21}.transfer-popup .popup-card{width:100%;height:100dvh;max-width:none;border-radius:0;display:flex;flex-direction:column;animation:none}.transfer-popup .popup-head{min-height:58px;background:#202c33;color:#e9edef;border-bottom:1px solid #26343d}.transfer-popup .popup-close{color:#e9edef}.transfer-popup .popup-body{flex:1;overflow:auto;background:#111b21;color:#e9edef}.transfer-popup .popup-info small,.transfer-popup .popup-field label{color:#8696a0}.transfer-popup .popup-select,.transfer-popup .popup-textarea{background:#2a3942;color:#e9edef;border:0}.transfer-popup .popup-footer{display:grid;grid-template-columns:1fr;gap:8px;background:#202c33;border-top:1px solid #26343d}.transfer-popup .popup-cancel,.transfer-popup .popup-save{width:100%;height:44px}}.popover-wrapper{display:inline-block}.popover-wrapper .trigger-btn{padding:6px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}.popover-wrapper .popover{position:absolute;top:110%;right:0;width:340px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026;z-index:999}.popover-wrapper .pop-head{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.popover-wrapper .close{cursor:pointer}.popover-wrapper .pop-body{padding:10px;display:flex;flex-direction:column;gap:8px}.popover-wrapper .input{border:1px solid #ddd;border-radius:8px;padding:8px;font-size:13px}.popover-wrapper .pop-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px}.popover-wrapper .save{background:#2563eb;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.popover-wrapper .cancel{background:#eee;border:none;padding:6px 10px;border-radius:6px}.popover-wrapper .template-preview{background:#e5ddd5;border-radius:12px;padding:12px}.popover-wrapper .wa-bubble{max-width:260px;margin-left:auto;background:#dcf8c6;border-radius:12px 12px 2px;padding:8px;font-size:13px;color:#111827}.popover-wrapper .tpl-name{font-size:10px;color:#64748b;margin-bottom:6px}.popover-wrapper .tpl-header{font-weight:700;margin-bottom:6px}.popover-wrapper .tpl-media{width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-bottom:8px}.popover-wrapper .tpl-placeholder{height:90px;border-radius:8px;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:12px}.popover-wrapper .tpl-body{white-space:pre-wrap;line-height:1.45}.popover-wrapper .tpl-footer{margin-top:6px;font-size:11px;color:#64748b}.popover-wrapper .tpl-buttons{display:grid;gap:4px;margin-top:8px}.popover-wrapper .tpl-btn{border:none;border-top:1px solid #e5e7eb;background:#fff;color:#1172fa;padding:8px;border-radius:6px;font-size:12px;font-weight:600}@media (max-width: 640px){.popover-wrapper{width:100%}.popover-wrapper .trigger-btn{width:100%;min-height:40px}.popover-wrapper .popover{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;border:0;border-radius:0;z-index:9999;background:#111b21;color:#e9edef;display:flex;flex-direction:column}.popover-wrapper .pop-head{min-height:58px;align-items:center;background:#202c33;border-bottom:1px solid #26343d;padding:14px}.popover-wrapper .pop-body{flex:1;overflow:auto;padding:14px}.popover-wrapper .input{width:100%;min-height:42px;background:#2a3942;color:#e9edef;border:0}.popover-wrapper .input::placeholder{color:#8696a0}.popover-wrapper .pop-footer{display:grid;grid-template-columns:1fr;gap:8px;background:#202c33;border-top:1px solid #26343d;padding:12px}.popover-wrapper .save,.popover-wrapper .cancel{width:100%;min-height:44px}.popover-wrapper .template-preview{max-height:none}}.create-conversation-modal .btn{float:right;background:#1172fa;color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer}.create-conversation-modal .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.create-conversation-modal .modal{width:320px;background:#fff;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.create-conversation-modal .modal input{padding:10px;border:1px solid #ddd;border-radius:8px}.create-conversation-modal .actions{display:flex;justify-content:space-between;margin-top:10px}.create-conversation-modal .cancel{background:#aaa;color:#fff;border:none;padding:8px 12px;border-radius:8px}.create-conversation-modal .submit{background:#1172fa;color:#fff;border:none;padding:8px 12px;border-radius:8px}.create-conversation-modal .submit:disabled{opacity:.6}.wrap .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.wrap .waCallOverlay{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:10000;width:min(720px,calc(100vw - 24px))}.wrap .waCallCard{display:flex;align-items:center;gap:14px;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 24px 70px #0f172a59;padding:14px}.wrap .waCallIcon{width:52px;height:52px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.wrap .waCallBody{flex:1;min-width:0}.wrap .waCallBody h3,.wrap .waCallBody p{margin:0}.wrap .waCallBody h3{font-size:16px}.wrap .waCallBody p{margin-top:4px;font-weight:700}.wrap .waCallBody small{color:#cbd5e1;display:block;margin-top:4px}.wrap .waCallError{color:#fecaca!important}.wrap .waCallActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wrap .waCallBtn{border:0;border-radius:999px;padding:9px 14px;font-weight:800;color:#fff;cursor:pointer}.wrap .waCallBtn:disabled{opacity:.6;cursor:not-allowed}.wrap .waCallBtn.accept{background:#16a34a}.wrap .waCallBtn.reject{background:#dc2626}.wrap .waCallBtn.secondary{background:#334155}.wrap .waCallCard audio{display:none}.wrap .overlay-content{background:#fff;padding:24px;border-radius:14px;min-width:320px}.wrap{min-height:100vh;background:#f5f7fb;color:#1f2937}.wrap .top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.wrap .controls{display:flex;align-items:center;gap:10px}.wrap .controls button{border:none;outline:none;padding:9px 14px;border-radius:10px;background:#e5e7eb;color:#111827;cursor:pointer;font-weight:600;transition:.2s ease}.wrap .controls button:hover{opacity:.92}.wrap .controls button.active{background:#1172fa;color:#fff}.wrap .controls .logout{background:#ef4444;color:#fff}.wrap .state{font-size:14px;color:#6b7280}.wrap .main{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px 20px 20px}.wrap .left,.wrap .right{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.wrap .left h3,.wrap .right h3{margin:0;padding:16px 16px 10px;font-size:18px;font-weight:700}.wrap .tabs{display:flex;gap:10px;padding:0 16px 14px}.wrap .tab{border:none;padding:10px 14px;border-radius:10px;background:#eef2f7;color:#374151;cursor:pointer;font-weight:600}.wrap .on{background:#1172fa;color:#fff}.wrap .list{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 240px);overflow:auto}.wrap .conv{width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;cursor:pointer;transition:.2s ease}.wrap .conv:hover{border-color:#bfd7ff;background:#f9fbff}.wrap .conv.selected{border-color:#1172fa;background:#eef5ff}.wrap .row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wrap .preview{margin-top:8px;color:#6b7280;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wrap .pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.wrap .pill.OPEN{background:#dcfce7;color:#166534}.wrap .pill.CLOSED{background:#f3f4f6;color:#6b7280}.wrap .pill.QUEUED{background:#fef3c7;color:#92400e}.wrap .right{display:flex;flex-direction:column}.wrap .empty{padding:24px 16px;color:#6b7280}.wrap .chat{display:flex;flex-direction:column;height:calc(100vh - 180px)}.wrap .chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #f3f4f6;border-bottom:1px solid #e5e7eb;background:#fcfcfd}.wrap .head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wrap .chatHeaderTitle{border:0;background:transparent;padding:0;color:inherit;display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left;cursor:pointer}.wrap .chatHeaderToggle{display:none;border:0;border-radius:999px;background:#eef2f7;color:#111827;padding:8px 12px;font-weight:700;cursor:pointer}.wrap .flowTag{padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600}.wrap .ds_chatTop{display:flex;align-items:center;gap:6px;min-width:0}.wrap .ds_name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .channelBadge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;line-height:1.2;flex:0 0 auto}.wrap .channelBadgeIcon{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1d4ed8;color:#fff;font-size:9px;line-height:1}.wrap .channel-whatsapp,.wrap .channel-wa{background:#e9f8ef;border-color:#b7ebc6;color:#128c4a}.wrap .channel-whatsapp .channelBadgeIcon,.wrap .channel-wa .channelBadgeIcon{background:#25d366}.wrap .channel-web,.wrap .channel-website{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.wrap .channel-web .channelBadgeIcon,.wrap .channel-website .channelBadgeIcon{background:#4f46e5}.wrap .channel-email,.wrap .channel-mail{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.wrap .channel-email .channelBadgeIcon,.wrap .channel-mail .channelBadgeIcon{background:#ea580c}.wrap .closebtn{border:none;padding:9px 14px;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;font-weight:600}.wrap .savebtn{border:none;padding:9px 14px;border-radius:10px;background:#0f766e;color:#fff;cursor:pointer;font-weight:600}.wrap .closedText{color:#6b7280;font-weight:600}.wrap .flowBox{margin:14px 16px 0;padding:14px;background:#f8fbff;border:1px solid #d9e8ff;border-radius:14px}.wrap .datetime-local{padding-bottom:8px;padding-top:8px}.wrap .flowTitle{font-size:14px;font-weight:700;margin-bottom:12px}.wrap .flowGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.wrap .flowItem{background:#fff;border:1px solid #e5eefc;border-radius:12px;padding:10px}.wrap .flowItem .k{font-size:12px;color:#6b7280;margin-bottom:4px;text-transform:capitalize}.wrap .flowItem .v{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.wrap .msgs{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:10px;background-color:#e5ddd5a6;background-image:url(/assets/doodles-D5K1m_Ya.png);background-repeat:repeat;background-attachment:scroll}.wrap .msg{display:flex;margin-bottom:8px}.wrap .msg.them{justify-content:flex-start}.wrap .msg.me{justify-content:flex-end}.wrap .bubble-wrap{max-width:78%}.wrap .bubble{padding:8px 10px 18px;border-radius:8px;box-shadow:0 1px 1px #00000014;word-break:break-word;min-width:200px}.wrap .msg.them .bubble{background:#fff;color:#111827;border-top-left-radius:2px}.wrap .msg.me .bubble{background:#d9fdd3;color:#111827;border-top-right-radius:2px}.wrap .msg.is-bot .bubble{background:#eef6ff;color:#0f172a;border:1px solid #cfe2ff;border-top-left-radius:8px;border-top-right-radius:8px}.wrap .msg.them .bubble:before{content:"";position:absolute;top:0;left:-6px;width:0;height:0;border-top:8px solid #ffffff;border-right:8px solid transparent}.wrap .msg.me .bubble:before{content:"";position:absolute;top:0;right:-6px;width:0;height:0;border-top:8px solid #d9fdd3;border-left:8px solid transparent}.wrap .msg.is-bot .bubble:before{display:none}.wrap .meta,.wrap .meta-bot{font-size:11px;font-weight:700;margin-bottom:6px;opacity:.9}.wrap .txt{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:14px;color:inherit}.wrap .time{position:absolute;right:8px;bottom:4px;font-size:11px;color:#667781;opacity:1}.wrap .chat_image{max-width:240px;max-height:240px;width:auto;height:auto;display:block;border-radius:8px}.wrap .transfer-btn{height:32px;padding:0 12px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.wrap .transfer-btn:hover{background:#2563eb}.wrap .transfer-btn:active{transform:scale(.96)}.wrap .chat_sticker{width:140px;height:140px;object-fit:contain;display:block}.wrap .pdf-viewer{width:260px;height:320px;border-radius:10px;border:1px solid #ddd;background:#fff}.wrap .reaction-pill{position:absolute;bottom:-14px;right:8px;display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #e9edef;border-radius:999px;padding:2px 6px;min-height:24px;box-shadow:0 1px 2px #00000024;z-index:2}.wrap .msg.them .reaction-pill{left:8px;right:auto}.wrap .markcomplete{float:right}.wrap .reaction-item{display:inline-flex;align-items:center;gap:2px;font-size:13px;line-height:1}.wrap .reaction-item small{font-size:10px;color:#667781;font-weight:600}.wrap .type-system{margin:auto;padding:2px;justify-items:center;justify-content:center;background:#fff}.wrap .chatComposerShell input{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;outline:none;font-size:14px}.wrap .chatComposerShell input:focus{border-color:#1172fa;box-shadow:0 0 0 3px #1172fa1f}.wrap .chatComposerShell button{border:none;border-radius:12px;padding:0 18px;background:#1172fa;color:#fff;font-weight:700;cursor:pointer}.wrap .chatComposerShell button:disabled,.wrap .chatComposerShell input:disabled{opacity:.6;cursor:not-allowed}.wrap .popup{position:fixed;right:24px;bottom:24px;width:300px;background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:16px;box-shadow:0 18px 50px #0208172e;z-index:999}.wrap .popup b{display:block;margin-bottom:10px}.wrap .popup .row{display:flex;gap:10px;margin-top:14px}.wrap .popup button{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;background:#1172fa;color:#fff;font-weight:600}.wrap .popup button.ghost{background:#eef2f7;color:#111827}.wrap #topbar{background:#fff;border-bottom:1px solid #e5e7eb}.wrap .desktopTopbar,.wrap .mobileTopbar{padding:14px 20px}.wrap .desktopTopbar{display:flex;align-items:center;justify-content:space-between}.wrap .topbarLogo{font-size:20px;font-weight:800;color:#111827}.wrap .topbarRight,.wrap .topbarSection,.wrap .topbarItem,.wrap .tobarStatusSubItem{display:flex;align-items:center;gap:12px}.wrap .profileText{display:flex;flex-direction:column;margin:0;line-height:1.2}.wrap .profileText span:first-child{font-weight:700}.wrap .profileText span:last-child{font-size:12px;color:#6b7280}.wrap .tobarProfileIcon{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:999px;color:#fff;background:#1172fa;font-size:13px;font-weight:800;flex-shrink:0}.wrap .tobarProfileIcon img{width:100%;height:100%;object-fit:cover}.wrap .ds_primary{border:none;background:#1172fa;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.wrap .mobileTopbar{display:none}.wrap .select-field{width:100%;max-width:300px;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff;outline:none}.wrap .select-field:focus{border-color:#4a90e2}.wrap .action-row{display:flex;align-items:center;gap:10px}.wrap .select{padding:8px 10px;border-radius:6px;border:1px solid #ccc}.wrap .closebtn{background:#ff4d4f;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.wrap .closedText{color:gray;font-size:13px}.wrap .ds_filters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wrap .blink{animation:blink 1s infinite;color:red}.wrap .preview-modal{position:relative;max-width:90vw;max-height:90vh;min-width:320px;padding:18px;overflow:auto}.wrap .preview-close{z-index:1000;position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:20px;cursor:pointer;line-height:1}.wrap .preview-image{max-width:80vw;max-height:80vh;display:block;border-radius:12px}.wrap .preview-video{width:min(900px,80vw);max-height:80vh;border-radius:12px;display:block;background:#000}.wrap .preview-audio{width:min(700px,80vw);margin-top:40px}.wrap .preview-pdf{width:min(1000px,85vw);height:80vh;border:1px solid #ddd;border-radius:12px;background:#fff}.wrap .wa-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:4px}.wrap .wa-time{font-size:11px;color:#667781;line-height:1}.wrap .wa-ticks{display:inline-flex;align-items:center;justify-content:center;line-height:0}.wrap .wa-ticks svg{display:block}.wrap .wa-ticks.pending{color:#9ca3af}.wrap .wa-ticks.sent,.wrap .wa-ticks.delivered{color:#667781}.wrap .wa-ticks.read{color:#53bdeb}.wrap .wa-ticks.failed{color:#ef4444}.wrap .preview-file{min-width:320px;padding:40px 20px 20px;text-align:center}.wrap .preview-file-icon{font-size:52px;margin-bottom:12px}.wrap .preview-file-name{font-size:15px;font-weight:600;margin-bottom:14px;word-break:break-word}.wrap .preview-open-link{display:inline-block;padding:10px 14px;border-radius:10px;background:#1172fa;color:#fff;text-decoration:none}.wrap .doc-thumb{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f3f4f6;font-size:14px;font-weight:600;color:#111827}.wrap .bubble{cursor:pointer}.wrap .msg-wrap{position:relative;display:inline-block;max-width:100%}.wrap .txt{padding:10px 14px;background:#f1f5f9;border-radius:12px}.wrap .msg-menu-btn{position:absolute;top:6px;right:-30px;width:24px;height:24px;border:none;border-radius:50%;background:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:.2s ease;box-shadow:0 2px 8px #00000026}.wrap .msg-wrap:hover .msg-menu-btn{opacity:1;visibility:visible}.wrap .mobileBackBtn,.wrap .mobileChatListHeader small,.wrap .mobileAgentBar{display:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 1100px){.wrap .main{grid-template-columns:300px 1fr}.wrap .bubble-wrap{max-width:82%}}@media (max-width: 900px){.wrap{margin-left:0}.wrap .desktopTopbar{display:none}.wrap .mobileTopbar{display:block}.wrap .main{grid-template-columns:1fr}.wrap .left{order:1}.wrap .right{order:2}.wrap .chat{height:70vh}}@media (max-width: 640px){.wrap{min-height:100dvh;background:#111b21;overflow:hidden}.wrap #topbar,.wrap .top{display:none}.wrap .ds_chatWrapper{height:100dvh;border:0;border-radius:0;display:block;background:#0b141a;position:relative;overflow:hidden}.wrap .mobileAgentBar{display:block;background:#202c33;color:#e9edef;border-bottom:1px solid #26343d;position:relative;z-index:5}.wrap .mobileAgentBarMain{width:100%;min-height:56px;border:0;padding:8px 12px;background:transparent;color:inherit;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-align:left}.wrap .mobileAgentBarMain b,.wrap .mobileAgentBarMain small{display:block}.wrap .mobileAgentBarMain b{font-size:16px;line-height:1.2}.wrap .mobileAgentBarMain small{color:#8696a0;font-size:12px;margin-top:2px}.wrap .mobileAgentState{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase;background:#2a3942;color:#e9edef}.wrap .mobileAgentState.ready{background:#00a8842e;color:#00a884}.wrap .mobileAgentState.paused,.wrap .mobileAgentState.away{background:#f59e0b2e;color:#f59e0b}.wrap .mobileChevron{color:#8696a0;font-size:22px;transition:transform .2s ease}.wrap .mobileChevron.open{transform:rotate(180deg)}.wrap .mobileAgentPanel{position:absolute;top:100%;left:0;right:0;padding:10px 12px 12px;display:grid;gap:10px;background:#111b21;border-top:1px solid #26343d;box-shadow:0 10px 24px #00000038}.wrap .mobileAgentPanel *{max-width:100%}.wrap .mobileAgentActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wrap .mobileReadyBtn,.wrap .mobileLogoutBtn{min-height:38px;border:0;border-radius:999px;color:#fff;font-weight:800}.wrap .mobileReadyBtn{background:#00a884}.wrap .mobileReadyBtn.active{box-shadow:inset 0 0 0 2px #ffffff59}.wrap .mobileLogoutBtn{background:#ef4444}.wrap .ds_chatWrapper>.app-inbox-sidebar,.wrap .ds_chatWrapper>:first-child{display:none}.wrap .ds_chatSidebar{width:100%;height:calc(100dvh - 56px);border:0;background:#111b21;color:#e9edef}.wrap .ds_chatWrapper>.ds_chatSidebar:last-child{display:none}.wrap .ds_chatContent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;background:#0b141a}.wrap .mobileConversationOpen .ds_chatContent{display:flex}.wrap .mobileConversationOpen .mobileAgentBar{display:none}.wrap .ds_chatContent .right{height:100dvh;width:100%;border:0;border-radius:0;background:#0b141a}.wrap .right h3{display:none}.wrap .chat{height:100dvh;background:#0b141a}.wrap .chat-head{min-height:58px;padding:8px 10px;gap:8px;background:#202c33;color:#e9edef;border:0;position:sticky;top:0;z-index:3}.wrap .chat-head{display:grid;grid-template-columns:1fr auto;align-items:center}.wrap .chat-head .action-row{display:none}.wrap .chat-head.open .action-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr;max-width:none;width:100%;gap:8px;padding:10px 0 2px;border-top:1px solid #26343d}.wrap .chat-head.open .action-row>*{width:100%;max-width:100%}.wrap .chat-head.open .action-row button,.wrap .chat-head.open .action-row select,.wrap .chat-head.open .action-row input{width:100%;min-height:40px}.wrap .head-left{flex:1;flex-wrap:nowrap;min-width:0}.wrap .chatHeaderTitle{min-width:0;flex:1;display:block}.wrap .chatHeaderTitle b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.wrap .chatHeaderTitle .flowTag{display:inline-block;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .chatHeaderToggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;background:#2a3942;color:#00a884;font-size:12px}.wrap .mobileBackBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:#e9edef;font-size:34px;line-height:1;padding:0}.wrap .action-row{gap:6px;overflow:visible;padding-bottom:2px}.wrap .action-row .closebtn{white-space:nowrap;padding:7px 10px;font-size:12px;border-radius:999px}.wrap .flowBox{margin:8px;border-radius:10px;max-height:170px;overflow:auto}.wrap .msgs{padding:10px 8px 82px;gap:6px;background-color:#0b141a;background-image:url(/assets/doodles-D5K1m_Ya.png)}.wrap .bubble-wrap{max-width:86%}.wrap .bubble{min-width:0;max-width:100%;padding:6px 8px 16px;border-radius:8px}.wrap .txt{padding:0;background:transparent;font-size:14px;line-height:1.35}.wrap .meta,.wrap .meta-bot{font-size:10px;margin-bottom:4px}.wrap .chat_image,.wrap .pdf-viewer{max-width:72vw;width:72vw}.wrap .pdf-viewer{height:260px}.wrap .chatComposerShell{position:fixed;left:0;right:0;bottom:0;z-index:4;padding:8px;background:#202c33;border-top:0}.wrap .ds_chatSearch{padding:8px 10px;background:#111b21}.wrap .ds_filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.wrap .ds_filters select,.wrap .ds_filters input,.wrap .ds_filters button{min-width:132px;height:38px;border-radius:999px;border:0;background:#202c33;color:#e9edef}.wrap .ds_filters button{background:#00a884;color:#fff;font-weight:700}.wrap .ds_chatTabs{padding:8px 10px;gap:8px;background:#111b21}.wrap .ds_chatTabs button{border:0;border-radius:999px;background:#202c33;color:#8696a0;font-weight:700;padding:9px 10px}.wrap .ds_chatTabs button.on{background:#00a884;color:#fff}.wrap .mobileChatListHeader{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 14px 8px;background:#202c33}.wrap .mobileChatListHeader h4{margin:0;color:#e9edef;font-size:22px}.wrap .mobileChatListHeader small{display:inline;color:#8696a0;font-size:12px}.wrap .ds_chatList{padding:0;background:#111b21}.wrap .ds_chatItem{margin:0;padding:12px 14px;border:0;border-bottom:1px solid #222d34;border-radius:0;background:#111b21;color:#e9edef}.wrap .ds_chatItem.active,.wrap .ds_chatItem:hover{background:#202c33;border-left:0}.wrap .ds_avatar{width:42px;height:42px;background:#00a884;color:#fff;font-size:14px}.wrap .ds_name{color:#e9edef;font-size:15px}.wrap .ds_chatItem p,.wrap .ds_messagePreview,.wrap .ds_chatBottom{color:#8696a0}.wrap .ds_chatBottom{margin-top:4px}.wrap .badge{background:#00a884;color:#111b21}.wrap .flowTag{padding:2px 6px;background:#00a88429;color:#00a884;font-size:10px}.wrap .overlay-content,.wrap .preview-modal{width:100%;height:100dvh;min-width:0;max-width:100%;max-height:none;padding:12px;border-radius:0}.wrap .popup{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;border-radius:0;padding:18px;z-index:9999}}.onboarding-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);background:#f4f7fb;color:#0f172a}.onboarding-page .hero-panel{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:42px;background:linear-gradient(145deg,#0f172a,#1d4ed8);color:#fff}.onboarding-page .brand-row{display:grid;gap:22px}.onboarding-page .brand-row img{width:150px;max-width:100%}.onboarding-page .brand-row h1{margin:0;font-size:clamp(32px,5vw,56px);line-height:1.05}.onboarding-page .brand-row p,.onboarding-page .steps span{color:#ffffffd1}.onboarding-page .steps{display:grid;gap:12px}.onboarding-page .steps span{padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#ffffff14;font-weight:800}.onboarding-page .form-panel{padding:34px;overflow-y:auto}.onboarding-page .panel-head,.onboarding-page .actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.onboarding-page .panel-head{margin-bottom:24px}.onboarding-page .panel-head h2,.onboarding-page .section-title h3,.onboarding-page .success-card h3{margin:0}.onboarding-page .panel-head p,.onboarding-page .section-title p,.onboarding-page .success-card p{margin:6px 0 0;color:#64748b}.onboarding-page .onboarding-form,.onboarding-page .success-card{display:grid;gap:18px;max-width:980px}.onboarding-page .plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onboarding-page .plan-card{display:grid;gap:8px;position:relative;padding:18px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.onboarding-page .plan-card:hover,.onboarding-page .plan-card.selected{border-color:#2563eb;box-shadow:0 16px 34px #2563eb1f;transform:translateY(-1px)}.onboarding-page .plan-card input{position:absolute;top:16px;right:16px}.onboarding-page .plan-name{font-size:18px;font-weight:900}.onboarding-page .plan-code,.onboarding-page .plan-card small{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.onboarding-page .channel-list{display:flex;flex-wrap:wrap;gap:6px}.onboarding-page .channel-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800}.onboarding-page .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onboarding-page .field-grid label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:800}.onboarding-page .field-grid input{width:100%;height:44px;border:1px solid #d1d5db;border-radius:12px;padding:0 12px;box-sizing:border-box;background:#fff;color:#0f172a}.onboarding-page .field-grid input:focus{border-color:#2563eb;outline:3px solid rgba(37,99,235,.12)}.onboarding-page .primary-btn,.onboarding-page .secondary-btn,.onboarding-page .link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;padding:0 16px;border:none;text-decoration:none;cursor:pointer;font-weight:900}.onboarding-page .primary-btn{background:#2563eb;color:#fff}.onboarding-page .primary-btn:disabled{opacity:.6;cursor:not-allowed}.onboarding-page .secondary-btn,.onboarding-page .link-btn{background:#e2e8f0;color:#334155}.onboarding-page .success-card{padding:22px;border:1px solid #bbf7d0;border-radius:18px;background:#f0fdf4}.onboarding-page .success-card .primary-btn{width:max-content}.onboarding-page .error{margin:0;padding:12px 14px;border-radius:12px;background:#fee2e2;color:#b91c1c;font-weight:800}@media (max-width: 980px){.onboarding-page{grid-template-columns:1fr}.onboarding-page .hero-panel{padding:28px}}@media (max-width: 640px){.onboarding-page .form-panel{padding:20px}.onboarding-page .panel-head,.onboarding-page .actions{align-items:stretch;flex-direction:column}.onboarding-page .plans-grid,.onboarding-page .field-grid{grid-template-columns:1fr}.onboarding-page .primary-btn,.onboarding-page .secondary-btn,.onboarding-page .link-btn{width:100%}}.dt{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;color:#2f343b}.dt .dt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;border-bottom:1px solid #edf0f2}.dt .dt-toolbar-left,.dt .dt-toolbar-right{display:flex;align-items:center;gap:14px;min-width:0}.dt .dt-toolbar-left{flex:1}.dt .dt-toolbar-right{justify-content:flex-end;flex-wrap:wrap}.dt .dt-divider{width:1px;height:30px;background:#dfe3e8;flex:0 0 auto}.dt .dt-icon,.dt .dt-nav-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#2f343b;flex:0 0 auto}.dt .dt-icon svg,.dt .dt-nav-btn svg,.dt .dt-search-wrap svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dt .dt-nav-btn{border:0;background:transparent;cursor:pointer;border-radius:8px;transition:background .2s ease,color .2s ease}.dt .dt-nav-btn:hover:not(:disabled){background:#f4f6f8;color:#111827}.dt .dt-nav-btn:disabled{cursor:not-allowed;opacity:.4}.dt .dt-search-wrap{width:310px;max-width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #cfd4dc;border-radius:5px;color:#2f343b;background:#fff}.dt .dt-search{width:100%;min-width:0;height:100%;border:0;outline:0;color:#2f343b;font-size:16px;background:transparent}.dt .dt-search::placeholder{color:#7b8088}.dt .dt-selected{color:#2f80ed;font-size:15px;font-weight:600;white-space:nowrap}.dt .dt-select{height:34px;border:1px solid #d9dee5;border-radius:6px;padding:0 8px;color:#565d66;background:#fff}.dt .dt-page{color:#747981;font-size:15px;white-space:nowrap}.dt .dt-table-wrap{width:100%;overflow-x:auto}.dt .dt-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.dt .dt-table th,.dt .dt-table td{border-bottom:1px solid #dfe3e8;vertical-align:middle}.dt .dt-table th{padding:22px 20px;color:#282d33;font-size:14px;font-weight:700;white-space:nowrap;background:#fff}.dt .dt-table td{height:70px;padding:12px 20px;color:#2f343b;font-size:15px;line-height:1.35;white-space:nowrap}.dt .dt-check-cell{width:54px;padding-left:28px!important;padding-right:0!important}.dt .dt-check-cell input{width:16px;height:16px;margin:0;border:1px solid #cfd4dc;border-radius:3px;cursor:pointer;vertical-align:middle}.dt .dt-table tr:hover{background:#fafbfc;cursor:pointer}.dt .dt-table tbody tr:last-child td{border-bottom:0}.dt .empty{text-align:center;padding:36px 20px;color:#747981}.dt .status-select{height:32px;border-radius:6px;border:1px solid #ddd;padding:0 8px;font-size:12px;background:#fff}.dt .dt-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 26px;background:#fef2f2;color:#b91c1c;font-size:14px;border-top:1px solid #fecaca}.dt .dt-retry{border:1px solid #b91c1c;background:transparent;color:#b91c1c;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;flex:0 0 auto}.dt .dt-retry:hover{background:#b91c1c;color:#fff}@media (max-width: 1100px){.dt .dt-toolbar{align-items:flex-start;flex-direction:column}.dt .dt-toolbar-left,.dt .dt-toolbar-right{width:100%}.dt .dt-toolbar-right{justify-content:flex-start}}@media (max-width: 640px){.dt .dt-toolbar{padding:16px;gap:14px}.dt .dt-toolbar-left{flex-wrap:wrap}.dt .dt-search-wrap{order:5;width:100%}.dt .dt-divider{display:none}.dt .dt-table th{padding:16px 14px}.dt .dt-table td{height:62px;padding:10px 14px}.dt .dt-check-cell{width:44px;padding-left:16px!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-overlay .modal-box{width:420px;max-width:calc(100vw - 24px);background:#fff;border-radius:14px;overflow:hidden}.modal-overlay .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.modal-overlay .modal-head h3{margin:0}.modal-overlay .close-btn{border:none;background:transparent;font-size:18px;cursor:pointer}.modal-overlay .modal-body{padding:16px;display:grid;gap:12px}.modal-overlay .field{display:grid;gap:6px}.modal-overlay .field select{height:40px;border:1px solid #ddd;border-radius:8px;padding:0 10px}.modal-overlay .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.modal-overlay .cancel-btn,.modal-overlay .send-btn{height:38px;padding:0 14px;border-radius:8px;cursor:pointer}.modal-overlay .cancel-btn{border:1px solid #ddd;background:#fff}.modal-overlay .send-btn{border:none;background:#25d366;color:#fff}.import-box{padding:20px;background:#fff;border-radius:10px;border:1px solid #eee;display:flex;gap:10px}.import-box button{padding:8px;background:#2563eb;color:#fff;border:none;border-radius:6px}.import-box .result{font-size:13px;color:green}.app-sidebarr.sidebar{width:72px;min-width:72px;height:100vh;position:sticky;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 10px;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-right:1px solid #e2e8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:4px 0 24px #0f172a0a;z-index:50;transition:all .25s ease}.app-sidebarr.sidebar-toggle,.app-sidebarr.sidebar-overlay{display:none}.app-sidebarr .top-icons,.app-sidebarr .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.app-sidebarr .icon-link{width:100%;text-decoration:none;display:flex;justify-content:center}.app-sidebarr .icon-btn{width:44px;height:44px;border:1px solid transparent;border-radius:14px;background:transparent;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:background .2s ease,transform .18s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.app-sidebarr .icon-btn:hover{background:linear-gradient(135deg,#eff6ff,#f8fafc);color:#2563eb;border-color:#dbeafe;transform:translateY(-1px);box-shadow:0 8px 20px #2563eb1a}.app-sidebarr .router-link-active .icon-btn,.app-sidebarr .router-link-exact-active .icon-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 24px #2563eb47}.app-sidebarr .router-link-active .icon-btn:before,.app-sidebarr .router-link-exact-active .icon-btn:before{content:"";position:absolute;left:-2px;top:10px;bottom:10px;width:4px;border-radius:999px;background:#fff}.app-sidebarr .icon-btn svg{width:18px;height:18px;stroke-width:2.2}.app-sidebarr .avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.4px;box-shadow:0 10px 24px #2563eb3d;-webkit-user-select:none;user-select:none}.app-sidebarr .avatar img{width:100%;height:100%;object-fit:cover}.app-sidebarr .sidebar-divider{width:38px;height:1px;background:#e2e8f0;margin:8px 0}.app-sidebarr .brand-logo{width:40px;height:40px;object-fit:contain}.app-sidebarr .sidebar::-webkit-scrollbar{width:0;height:0}@media (max-width: 900px){.app-sidebarr.sidebar-toggle{position:fixed;top:10px;left:10px;z-index:1101;width:40px;height:40px;border:1px solid #dbeafe;border-radius:12px;background:#fff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f172a1f;cursor:pointer}.app-sidebarr.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1099;display:block;background:#0f172a5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebarr.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1100;width:74px;min-width:74px;height:100dvh;padding:62px 10px 12px;transform:translate(-105%);opacity:0;pointer-events:none;overflow-y:auto}.app-sidebarr.sidebar.open{transform:translate(0);opacity:1;pointer-events:auto}.app-sidebarr .icon-btn{width:40px;height:40px;border-radius:12px}.app-sidebarr .avatar{width:40px;height:40px;font-size:12px}}@media (max-width: 640px){.app-sidebarr.sidebar{width:72px;min-width:72px}}.user-header-profile{min-width:0;display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.user-header-profile .user-header-avatar{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:50%;color:#fff;background:#2f80ed;font-size:13px;font-weight:800}.user-header-profile .user-header-avatar img{width:100%;height:100%;object-fit:cover}.user-header-profile .user-header-info{min-width:0;display:flex;flex-direction:column;line-height:1.2}.user-header-profile .user-header-name,.user-header-profile .user-header-meta{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-header-profile .user-header-name{color:#0f172a;font-size:14px;font-weight:800}.user-header-profile .user-header-meta{margin-top:3px;color:#64748b;font-size:12px;font-weight:700}@media (max-width: 640px){.user-header-profile .user-header-info{display:none}}.dashboard-layout{display:flex;min-height:100vh;background:#f7f8fa;color:#0f172a}.dashboard-layout .avatar{width:36px;height:36px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dashboard-layout .main-area{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard-layout .app-header{height:68px;background:#fff;border-bottom:1px solid #dfe5ec;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-layout .header-left{display:flex;flex-direction:column;justify-content:center;min-width:0}.dashboard-layout .header-left h2{margin:0;font-size:18px;font-weight:600;color:#111827;line-height:1.2}.dashboard-layout .subtext{margin:2px 0 0;font-size:12px;color:#64748b}.dashboard-layout .header-right{display:flex;align-items:center;gap:14px}.dashboard-layout .profile{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid #e5e7eb}.dashboard-layout .profile-badge{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.dashboard-layout .profile-info{display:flex;flex-direction:column;min-width:0}.dashboard-layout .profile-info .name{font-size:14px;font-weight:600;color:#0f172a;line-height:1.2}.dashboard-layout .profile-info .email{margin-top:2px;font-size:12px;color:#64748b;text-transform:capitalize}.dashboard-layout .logout-btn{width:38px;height:38px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;color:#64748b;font-size:16px;cursor:pointer;transition:all .2s ease}.dashboard-layout .logout-btn:hover{background:#f8fafc;color:#0f172a}.dashboard-layout .page-body{padding:20px;overflow-x:hidden}.dashboard-layout .contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.dashboard-layout .contacts-table{min-width:0}.dashboard-layout .dt{overflow-x:auto}.dashboard-layout .dt-table{min-width:760px}.dashboard-layout .customer-details{position:sticky;top:88px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 12px 32px #0f172a0f}.dashboard-layout .customer-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.dashboard-layout .customer-avatar{width:44px;height:44px;border-radius:14px;background:#edf4ff;color:#2f80ed;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.dashboard-layout .customer-title{min-width:0}.dashboard-layout .customer-title h3,.dashboard-layout .customer-empty h3{margin:0;color:#0f172a;font-size:16px;font-weight:700}.dashboard-layout .customer-title p,.dashboard-layout .customer-empty p{margin:4px 0 0;color:#64748b;font-size:13px}.dashboard-layout .customer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.dashboard-layout .customer-form{display:grid;gap:12px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.dashboard-layout .customer-form label{display:flex;flex-direction:column;gap:6px;color:#64748b;font-size:12px;font-weight:600}.dashboard-layout .customer-form input{height:38px;border:1px solid #d9e1ea;border-radius:10px;padding:0 10px;color:#0f172a;font-size:14px;background:#fff}.dashboard-layout .customer-form input:focus{outline:none;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.dashboard-layout .customer-save{justify-self:start}.dashboard-layout .customer-meta{margin:16px 0 0}.dashboard-layout .customer-meta div{padding:12px 0;border-bottom:1px solid #f1f5f9}.dashboard-layout .customer-meta div:last-child{border-bottom:none}.dashboard-layout .customer-meta dt{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dashboard-layout .customer-meta dd{margin:6px 0 0;color:#0f172a;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.dashboard-layout .customer-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.dashboard-layout .customer-empty-icon{width:52px;height:52px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:22px}@media (max-width: 1180px){.dashboard-layout .contacts-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width: 980px){.dashboard-layout .contacts-layout{grid-template-columns:1fr}.dashboard-layout .customer-details{position:static}}@media (max-width: 700px){.dashboard-layout .logout-btn,.dashboard-layout .profile-badge{width:36px;height:36px}.dashboard-layout .app-header{padding:0 12px}.dashboard-layout .profile-info,.dashboard-layout .subtext{display:none}.dashboard-layout .profile{padding-left:10px}.dashboard-layout .page-body{padding:12px}.dashboard-layout .customer-details{padding:14px;border-radius:14px}}.dashboard-layout .wa-btn{height:32px;width:32px;border-radius:8px;border:none;background:#25d366;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}.dashboard-layout .pencil-btn{height:32px;width:32px;border-radius:8px;border:none;background:#eef2ee;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}.dashboard-layout .wa-btn+.pencil-btn,.dashboard-layout .pencil-btn+.pencil-btn{margin-left:6px}.dashboard-layout .wa-btn:hover{background:#1ebe5d}.dashboard-layout .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.dashboard-layout .modal{width:360px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.dashboard-layout .modal-header{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.dashboard-layout .close{background:none;border:none;cursor:pointer;font-size:16px}.dashboard-layout .modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.dashboard-layout .modal-body input{padding:10px;border-radius:8px;border:1px solid #ccc}.dashboard-layout .modal-footer{padding:12px 16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:8px}.dashboard-layout button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.dashboard-layout .cancel{background:#eee}.dashboard-layout .save{background:#16a34a;color:#fff}.admin-sidebar{width:248px;min-width:248px;min-height:100vh;background:#0f172a;color:#fff;padding:18px 14px;box-sizing:border-box}.admin-sidebar .logo{font-size:20px;font-weight:800;margin-bottom:18px;padding:0 10px}.admin-sidebar .nav-list{display:flex;flex-direction:column;gap:6px}.admin-sidebar .nav-item{display:flex;align-items:center;min-height:42px;color:#d1d5db;text-decoration:none;padding:0 12px;border-radius:12px;font-size:14px;font-weight:700;transition:background .18s ease,color .18s ease}.admin-sidebar .nav-item:hover{background:#ffffff14;color:#fff}.admin-sidebar .nav-item.router-link-active{background:#2563eb;color:#fff}@media (max-width: 768px){.admin-sidebar{width:100%;min-width:0;min-height:auto;padding:12px}.admin-sidebar .logo{margin-bottom:10px;padding:0}.admin-sidebar .nav-list{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:2px}.admin-sidebar .nav-item{flex:0 0 auto;min-height:38px;white-space:nowrap}}.admin-topbar{min-height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;box-sizing:border-box}.admin-topbar .title{color:#0f172a;font-weight:700;font-size:18px}.admin-topbar .subtitle{margin-top:2px;color:#64748b;font-size:12px}.admin-topbar .admin-actions{display:flex;align-items:center;gap:12px}.admin-topbar button{border:none;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:700}@media (max-width: 640px){.admin-topbar{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.admin-topbar .admin-actions{width:100%;justify-content:space-between;gap:8px}}.account-shell{min-height:100vh;display:flex;background:#f4f7fb}.account-shell .account-main{flex:1;min-width:0}.account-shell .profile-topbar{min-height:54px;border-bottom:1px solid #eaeced;background:#fff}.account-shell .profile-topbar-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px}.account-shell .topbarLogo{color:#111827;font-size:20px;font-weight:800}.account-shell .profile-topbar-right,.account-shell .profile-user-block{display:flex;align-items:center;gap:12px}.account-shell .profile-top-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#1172fa;font-size:13px;font-weight:900}.account-shell .profile-top-avatar img,.account-shell .profile-avatar img{width:100%;height:100%;object-fit:cover}.account-shell .profileText{display:flex;flex-direction:column;margin:0;line-height:1.2}.account-shell .profileText span:first-child{color:#111827;font-weight:800}.account-shell .profileText span:last-child{color:#6b7280;font-size:12px;font-weight:700}.account-shell .topbar-logout{width:38px;height:38px;display:grid;place-items:center;border:1px solid #fecaca;border-radius:12px;color:#dc2626;background:#fff;cursor:pointer}.account-shell .profile-page{width:100%;padding:24px}.account-shell .profile-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px}.account-shell .account-card{padding:26px;border:1px solid #dbeafe;border-radius:24px;background:#fff;box-shadow:0 18px 50px #0f172a14}.account-shell .card-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.account-shell .card-head.compact{margin-bottom:18px}.account-shell .icon-wrap{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;color:#1172fa;background:#eef6ff}.account-shell h1,.account-shell h2,.account-shell p{margin:0}.account-shell h1,.account-shell h2{color:#0f172a;font-weight:900}.account-shell h1{font-size:24px}.account-shell h2{font-size:20px}.account-shell .card-head p{margin-top:5px;color:#64748b;font-weight:700}.account-shell .profile-summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:22px;padding:14px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.account-shell .profile-avatar{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#1172fa;font-size:18px;font-weight:900}.account-shell .profile-summary-text{min-width:0}.account-shell .profile-summary b,.account-shell .profile-summary span,.account-shell .profile-summary small{display:block}.account-shell .profile-summary b{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap}.account-shell .profile-summary span,.account-shell .profile-summary small{color:#64748b;font-size:12px;font-weight:800}.account-shell .avatar-upload{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;border:1px solid #bfdbfe;border-radius:12px;padding:0 12px;color:#1172fa;background:#eff6ff;font-size:13px;font-weight:900;cursor:pointer}.account-shell .avatar-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.account-shell .profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-shell .field{display:grid;gap:8px}.account-shell .field.full,.account-shell .profile-form .message,.account-shell .profile-form .actions{grid-column:1 / -1}.account-shell label,.account-shell .field label{display:flex;align-items:center;gap:7px;color:#475569;font-size:13px;font-weight:900}.account-shell .password-form>label{display:grid;gap:8px}.account-shell input,.account-shell textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;outline:0;color:#0f172a;background:#fff;font:inherit}.account-shell input{min-height:46px;padding:0 14px}.account-shell textarea{min-height:112px;resize:vertical;padding:12px 14px}.account-shell input:focus,.account-shell textarea:focus,.account-shell .password-input:focus-within{border-color:#1172fa;box-shadow:0 0 0 3px #1172fa1f}.account-shell .password-form{display:grid;gap:16px}.account-shell .password-input{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:14px;background:#fff;overflow:hidden}.account-shell .password-input input{border:0;border-radius:0;box-shadow:none}.account-shell .password-input button{width:44px;height:46px;display:grid;place-items:center;flex-shrink:0;border:0;color:#64748b;background:transparent;cursor:pointer}.account-shell .message{padding:12px 14px;border-radius:12px;color:#166534;background:#dcfce7;font-weight:800}.account-shell .message.error{color:#b91c1c;background:#fee2e2}.account-shell .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.account-shell .actions button{min-height:42px;border:1px solid #cbd5e1;border-radius:12px;padding:0 16px;background:#fff;color:#0f172a;font-weight:900;cursor:pointer}.account-shell .actions .primary{border-color:#1172fa;background:#1172fa;color:#fff}.account-shell .actions button:disabled{cursor:not-allowed;opacity:.65}@media (max-width: 1100px){.account-shell .profile-grid{grid-template-columns:1fr}}@media (max-width: 720px){.account-shell{display:block}.account-shell .profile-topbar-inner{padding:0 14px}.account-shell .topbarLogo{font-size:16px}.account-shell .profileText span:last-child{display:none}.account-shell .profile-page{padding:14px}.account-shell .account-card{padding:20px}.account-shell .profile-form{grid-template-columns:1fr}.account-shell .profile-summary{grid-template-columns:56px minmax(0,1fr)}.account-shell .profile-avatar{width:56px;height:56px}.account-shell .avatar-upload{grid-column:1 / -1;width:100%}.account-shell .actions{flex-direction:column-reverse}.account-shell .actions button{width:100%}}.admin-layout{display:flex;min-height:100vh;background:#f5f7fb;color:#0f172a;font-family:Inter,Arial,sans-serif}.admin-layout .admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-layout .admin-content{flex:1;min-width:0;padding:24px;overflow:auto}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-layout .admin-content{padding:16px 12px 24px}}.admin-dashboard .page-head{margin-bottom:18px}.admin-dashboard .page-head h2{margin:0;color:#0f172a;font-size:24px}.admin-dashboard .page-head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-dashboard .cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.admin-dashboard .card{background:#fff;padding:20px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 22px #0f172a0a}.admin-dashboard .card span{display:block;color:#64748b;font-size:13px;font-weight:700}.admin-dashboard .card b{display:block;margin-top:10px;color:#0f172a;font-size:28px}.admin-dashboard .error{margin-top:16px;color:#b91c1c;font-weight:700}@media (max-width: 1000px){.admin-dashboard .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.admin-dashboard .cards{grid-template-columns:1fr}}.admin-tenants .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.admin-tenants .head h2{margin:0;color:#0f172a}.admin-tenants .head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-tenants .btn{border:none;background:#2563eb;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.admin-tenants .btn:disabled{opacity:.6;cursor:not-allowed}.admin-tenants .state-card,.admin-tenants .table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-tenants .state-card{padding:18px;color:#64748b;font-weight:700}.admin-tenants .state-card.error{color:#b91c1c}.admin-tenants .tenant-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.admin-tenants .table-card{overflow:hidden}.admin-tenants .table-wrap{width:100%;overflow-x:auto}.admin-tenants .table{width:100%;min-width:1160px;border-collapse:collapse}.admin-tenants th,.admin-tenants td{padding:14px 16px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.admin-tenants th{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-tenants td{color:#334155;font-size:14px}.admin-tenants td strong,.admin-tenants td small{display:block}.admin-tenants td strong{color:#0f172a}.admin-tenants td small{margin-top:4px;color:#64748b;font-size:12px}.admin-tenants .table tbody tr{cursor:pointer}.admin-tenants .table tbody tr:hover,.admin-tenants .table tbody tr.selected{background:#f8fbff}.admin-tenants .table tbody tr:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.admin-tenants .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-tenants .pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.admin-tenants .pill.on{background:#dcfce7;color:#166534}.admin-tenants .pill.off{background:#f3f4f6;color:#6b7280}.admin-tenants .channel-summary{display:flex;flex-wrap:wrap;gap:6px;max-width:300px}.admin-tenants .channel-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.admin-tenants .plan-chip{display:inline-flex;max-width:160px;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800;overflow-wrap:anywhere}.admin-tenants .capacity-chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f8fafc;color:#334155;border:1px solid #e2e8f0;font-size:12px;font-weight:800}.admin-tenants .muted{color:#94a3b8;font-size:13px}.admin-tenants .actions-col{text-align:right}.admin-tenants .row-actions{display:flex;justify-content:flex-end}.admin-tenants .ghost-btn,.admin-tenants .secondary-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700}.admin-tenants .ghost-btn{background:#dbeafe;color:#1d4ed8;padding:8px 12px}.admin-tenants .secondary-btn{background:#eef2f7;color:#334155;padding:10px 14px}.admin-tenants .empty-cell{text-align:center;color:#64748b}.admin-tenants .preview-card{position:sticky;top:16px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-tenants .preview-content,.admin-tenants .empty-preview{padding:18px}.admin-tenants .preview-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.admin-tenants .tenant-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:#dbeafe;color:#1d4ed8;font-weight:900}.admin-tenants .preview-head h3{margin:0;color:#0f172a;font-size:18px}.admin-tenants .preview-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.admin-tenants .preview-status{margin-top:16px}.admin-tenants .preview-list{display:grid;gap:12px;margin-top:18px}.admin-tenants .preview-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.admin-tenants .preview-list span{color:#64748b;font-size:13px}.admin-tenants .preview-list b{min-width:0;color:#0f172a;font-size:13px;font-weight:700;text-align:right;overflow-wrap:anywhere}.admin-tenants .preview-section{margin-top:18px}.admin-tenants .preview-section h4{margin:0 0 10px;color:#0f172a;font-size:14px}.admin-tenants .preview-permissions{display:flex;flex-wrap:wrap;gap:8px}.admin-tenants .permission-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:700}.admin-tenants .permission-chip.allowed{background:#dcfce7;color:#166534}.admin-tenants .preview-edit{width:100%;margin-top:18px}.admin-tenants .empty-preview{color:#64748b;font-size:14px}.admin-tenants .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a6b}.admin-tenants .modal{width:min(680px,100%);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172a33}.admin-tenants .modal-head,.admin-tenants .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}.admin-tenants .modal-footer{justify-content:flex-end;border-top:1px solid #e5e7eb;border-bottom:0}.admin-tenants .modal-head h3{margin:0}.admin-tenants .close-btn{border:none;background:transparent;color:#0f172a;cursor:pointer;font-size:24px}.admin-tenants .modal-body{display:grid;gap:12px;padding:16px}.admin-tenants .modal-body label{display:grid;gap:6px;color:#374151;font-size:13px;font-weight:700}.admin-tenants .modal-body input:not([type=checkbox]),.admin-tenants .modal-body select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;background:#fff}.admin-tenants .check-row{display:flex!important;align-items:center;gap:8px}.admin-tenants .permissions-box{display:grid;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.admin-tenants .permissions-box h4{margin:0;color:#0f172a;font-size:14px}.admin-tenants .permissions-box p{margin:4px 0 0;color:#64748b;font-size:12px}.admin-tenants .permissions-box .permission-note{color:#1d4ed8;font-weight:700}.admin-tenants .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-tenants .permission-row{display:flex!important;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.admin-tenants .permission-row.disabled{opacity:.72}.admin-tenants .permission-row input{margin-top:3px}.admin-tenants .permission-row b,.admin-tenants .permission-row small{display:block}.admin-tenants .permission-row b{color:#0f172a;font-size:13px}.admin-tenants .permission-row small{margin-top:3px;color:#64748b;font-size:11px}@media (max-width: 1100px){.admin-tenants .tenant-grid{grid-template-columns:1fr}.admin-tenants .preview-card{position:static}}@media (max-width: 640px){.admin-tenants .head{flex-direction:column;align-items:stretch}.admin-tenants .btn{width:100%}.admin-tenants .permission-grid{grid-template-columns:1fr}}.admin-plans .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.admin-plans .head h2{margin:0;color:#0f172a}.admin-plans .head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-plans .btn{border:none;background:#2563eb;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.admin-plans .btn:disabled{opacity:.6;cursor:not-allowed}.admin-plans .state-card,.admin-plans .table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-plans .state-card{padding:18px;color:#64748b;font-weight:700}.admin-plans .state-card.error{color:#b91c1c}.admin-plans .plan-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.admin-plans .table-card{overflow:hidden}.admin-plans .table-wrap{width:100%;overflow-x:auto}.admin-plans .table{width:100%;min-width:920px;border-collapse:collapse}.admin-plans th,.admin-plans td{padding:14px 16px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.admin-plans th{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-plans td{color:#334155;font-size:14px}.admin-plans td strong,.admin-plans td small{display:block}.admin-plans td strong{color:#0f172a}.admin-plans td small{margin-top:4px;color:#64748b;font-size:12px}.admin-plans .table tbody tr{cursor:pointer}.admin-plans .table tbody tr:hover,.admin-plans .table tbody tr.selected{background:#f8fbff}.admin-plans .table tbody tr:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.admin-plans .channel-summary{display:flex;flex-wrap:wrap;gap:6px;max-width:320px}.admin-plans .channel-chip,.admin-plans .permission-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.admin-plans .channel-chip{background:#eef2ff;color:#3730a3}.admin-plans .muted{color:#94a3b8;font-size:13px}.admin-plans .pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.admin-plans .pill.on{background:#dcfce7;color:#166534}.admin-plans .pill.off{background:#f3f4f6;color:#6b7280}.admin-plans .actions-col{text-align:right}.admin-plans .row-actions{display:flex;justify-content:flex-end;gap:8px}.admin-plans .ghost-btn,.admin-plans .danger-btn,.admin-plans .secondary-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700}.admin-plans .ghost-btn{background:#dbeafe;color:#1d4ed8;padding:8px 12px}.admin-plans .danger-btn{background:#fee2e2;color:#b91c1c;padding:8px 12px}.admin-plans .secondary-btn{background:#eef2f7;color:#334155;padding:10px 14px}.admin-plans .empty-cell{text-align:center;color:#64748b}.admin-plans .preview-card{position:sticky;top:16px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-plans .preview-content,.admin-plans .empty-preview{padding:18px}.admin-plans .preview-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.admin-plans .plan-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:#dbeafe;color:#1d4ed8;font-weight:900}.admin-plans .preview-head h3{margin:0;color:#0f172a;font-size:18px}.admin-plans .preview-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.admin-plans .preview-status{margin-top:16px}.admin-plans .preview-list{display:grid;gap:12px;margin-top:18px}.admin-plans .preview-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.admin-plans .preview-list span{color:#64748b;font-size:13px}.admin-plans .preview-list b{min-width:0;color:#0f172a;font-size:13px;font-weight:700;text-align:right;overflow-wrap:anywhere}.admin-plans .description-box{margin-top:16px;padding:12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:13px;line-height:1.5}.admin-plans .preview-section{margin-top:18px}.admin-plans .preview-section h4{margin:0 0 10px;color:#0f172a;font-size:14px}.admin-plans .preview-permissions{display:flex;flex-wrap:wrap;gap:8px}.admin-plans .permission-chip{background:#f3f4f6;color:#6b7280}.admin-plans .permission-chip.allowed{background:#dcfce7;color:#166534}.admin-plans .preview-edit{width:100%;margin-top:18px}.admin-plans .empty-preview{color:#64748b;font-size:14px}.admin-plans .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a6b}.admin-plans .modal{width:min(760px,100%);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172a33}.admin-plans .modal-head,.admin-plans .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}.admin-plans .modal-footer{justify-content:flex-end;border-top:1px solid #e5e7eb;border-bottom:0}.admin-plans .modal-head h3{margin:0}.admin-plans .close-btn{border:none;background:transparent;color:#0f172a;cursor:pointer;font-size:24px}.admin-plans .modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.admin-plans .modal-body label{display:grid;gap:6px;color:#374151;font-size:13px;font-weight:700}.admin-plans .modal-body input:not([type=checkbox]),.admin-plans .modal-body select,.admin-plans .modal-body textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;background:#fff}.admin-plans .full{grid-column:1 / -1}.admin-plans .check-row{display:flex!important;align-items:center;gap:8px}.admin-plans .permissions-box{display:grid;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.admin-plans .permissions-box h4{margin:0;color:#0f172a;font-size:14px}.admin-plans .permissions-box p{margin:4px 0 0;color:#64748b;font-size:12px}.admin-plans .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-plans .permission-row{display:flex!important;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.admin-plans .permission-row input{margin-top:3px}.admin-plans .permission-row b,.admin-plans .permission-row small{display:block}.admin-plans .permission-row b{color:#0f172a;font-size:13px}.admin-plans .permission-row small{margin-top:3px;color:#64748b;font-size:11px}@media (max-width: 1100px){.admin-plans .plan-grid{grid-template-columns:1fr}.admin-plans .preview-card{position:static}}@media (max-width: 640px){.admin-plans .head{flex-direction:column;align-items:stretch}.admin-plans .btn{width:100%}.admin-plans .modal-body,.admin-plans .permission-grid{grid-template-columns:1fr}}.pie-chart-wrap,.line-chart-wrap{position:relative;width:100%}.admin-revenue .page-head{margin-bottom:18px}.admin-revenue .page-head h2{margin:0;color:#0f172a;font-size:24px}.admin-revenue .page-head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-revenue .notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.55;margin-bottom:20px}.admin-revenue .notice b{display:block;margin-bottom:4px;color:#78350f}.admin-revenue .loading{padding:20px;color:#64748b}.admin-revenue .error{margin:0 0 16px;color:#b91c1c;font-weight:700}.admin-revenue .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.admin-revenue .card{background:#fff;padding:20px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 22px #0f172a0a}.admin-revenue .card span{display:block;color:#64748b;font-size:13px;font-weight:700}.admin-revenue .card b{display:block;margin-top:10px;color:#0f172a;font-size:26px}.admin-revenue .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.admin-revenue .panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 22px #0f172a0a}.admin-revenue .panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.admin-revenue .panel-head h3{margin:0;font-size:16px;color:#0f172a}.admin-revenue .panel-head span{color:#64748b;font-size:12px}.admin-revenue .chart-box{max-width:420px;margin:0 auto}.admin-revenue .empty{color:#64748b;font-size:13px;text-align:center;padding:30px 0}.admin-revenue .table-wrap{overflow-x:auto}.admin-revenue .table{width:100%;border-collapse:collapse}.admin-revenue .table th{text-align:left;background:#f8fafc;padding:10px 12px;font-size:12px;color:#475569;border-bottom:1px solid #e5e7eb}.admin-revenue .table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:13.5px;color:#0f172a}.admin-revenue .table td small{display:block;color:#94a3b8;font-size:11px;margin-top:2px}@media (max-width: 1000px){.admin-revenue .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-revenue .grid{grid-template-columns:1fr}}@media (max-width: 560px){.admin-revenue .cards{grid-template-columns:1fr}}.admin-users .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.admin-users .head h2{margin:0;color:#0f172a}.admin-users .head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-users .btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.admin-users .btn:disabled{opacity:.6;cursor:not-allowed}.admin-users .state-card,.admin-users .table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-users .state-card{padding:18px;color:#64748b;font-weight:700}.admin-users .state-card.error{color:#b91c1c}.admin-users .table-card{overflow:hidden}.admin-users .table-wrap{width:100%;overflow-x:auto}.admin-users .table{width:100%;min-width:780px;border-collapse:collapse}.admin-users th,.admin-users td{padding:14px 16px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.admin-users th{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-users td{color:#334155;font-size:14px}.admin-users td strong,.admin-users td small{display:block}.admin-users td strong{color:#0f172a}.admin-users td small{margin-top:4px;color:#64748b;font-size:12px}.admin-users .pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.admin-users .pill.on{background:#dcfce7;color:#166534}.admin-users .pill.off{background:#f3f4f6;color:#6b7280}.admin-users .actions-col{text-align:right}.admin-users .row-actions{display:flex;justify-content:flex-end}.admin-users .ghost-btn,.admin-users .secondary-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700}.admin-users .ghost-btn{background:#dbeafe;color:#1d4ed8;padding:8px 12px}.admin-users .secondary-btn{background:#eef2f7;color:#334155;padding:10px 14px}.admin-users .empty-cell{text-align:center;color:#64748b}.admin-users .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a6b}.admin-users .modal{width:min(480px,100%);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 20px 50px #0f172a33}.admin-users .modal-head,.admin-users .modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}.admin-users .modal-footer{justify-content:flex-end;border-top:1px solid #e5e7eb;border-bottom:0}.admin-users .modal-head h3{margin:0}.admin-users .close-btn{border:none;background:transparent;color:#0f172a;cursor:pointer;font-size:24px}.admin-users .modal-body{display:grid;gap:12px;padding:16px}.admin-users .modal-body label{display:grid;gap:6px;color:#374151;font-size:13px;font-weight:700}.admin-users .modal-body input:not([type=checkbox]),.admin-users .modal-body select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;background:#fff}.admin-users .check-row{display:flex!important;align-items:center;gap:8px}@media (max-width: 640px){.admin-users .head{flex-direction:column;align-items:stretch}.admin-users .btn{width:100%}}.admin-flows .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.admin-flows .head h2{margin:0;color:#0f172a}.admin-flows .head p{margin:6px 0 0;color:#64748b;font-size:14px}.admin-flows .btn{background:#2563eb;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700}.admin-flows .state-card,.admin-flows .table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.admin-flows .state-card{padding:18px;color:#64748b;font-weight:700}.admin-flows .state-card.error{color:#b91c1c}.admin-flows .table-card{overflow:hidden}.admin-flows .table-wrap{width:100%;overflow-x:auto}.admin-flows .table{width:100%;min-width:760px;border-collapse:collapse}.admin-flows th,.admin-flows td{padding:14px 16px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.admin-flows th{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-flows td{color:#334155;font-size:14px}.admin-flows td strong,.admin-flows td small{display:block}.admin-flows td strong{color:#0f172a}.admin-flows td small{margin-top:4px;color:#64748b;font-size:12px}.admin-flows .pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.admin-flows .pill.on{background:#dcfce7;color:#166534}.admin-flows .pill.off{background:#f3f4f6;color:#6b7280}.admin-flows .empty-cell{text-align:center;color:#64748b}@media (max-width: 640px){.admin-flows .head{flex-direction:column;align-items:stretch}.admin-flows .btn{text-align:center}}.admin-wa-settings .page-head{margin-bottom:18px}.admin-wa-settings .page-head h2{margin:0;color:#0f172a;font-size:24px}.admin-wa-settings .page-head p{margin:6px 0 0;color:#64748b;font-size:14px;max-width:720px;line-height:1.5}.admin-wa-settings .notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.55;margin-bottom:18px}.admin-wa-settings .error{color:#b91c1c;font-weight:600}.admin-wa-settings .success{color:#15803d;font-weight:600}.admin-wa-settings .state-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;color:#64748b}.admin-wa-settings .card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;max-width:480px;display:flex;flex-direction:column;gap:14px}.admin-wa-settings label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155}.admin-wa-settings input{padding:10px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;font-weight:400;outline:none}.admin-wa-settings .password-wrap{display:flex;gap:8px}.admin-wa-settings .password-wrap input{flex:1}.admin-wa-settings .toggle-btn{background:#eef4ff;color:#1d4ed8;border:none;border-radius:10px;padding:0 14px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-wa-settings .btn{align-self:flex-start;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}.admin-wa-settings .btn:disabled{opacity:.6;cursor:not-allowed}.conv-card{background:#f4f7fb;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 4px 14px #0000000d;transition:.2s}.conv-card:hover{transform:translateY(-2px)}.conv-card .header{display:flex;justify-content:space-between;align-items:center}.conv-card .left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.conv-card .id{font-weight:600}.conv-card .pill{padding:3px 8px;border-radius:8px;font-size:12px;text-transform:uppercase}.conv-card .pill.OPEN{background:#e6f7ff;color:#1890ff}.conv-card .pill.CLOSED{background:#ffe6e6;color:#ff4d4f}.conv-card .channel-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;line-height:1}.conv-card .channel-icon{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1d4ed8;color:#fff;font-size:10px}.conv-card .channel-whatsapp,.conv-card .channel-wa{background:#e9f8ef;border-color:#b7ebc6;color:#128c4a}.conv-card .channel-whatsapp .channel-icon,.conv-card .channel-wa .channel-icon{background:#25d366}.conv-card .channel-web,.conv-card .channel-website{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.conv-card .channel-web .channel-icon,.conv-card .channel-website .channel-icon{background:#4f46e5}.conv-card .channel-email,.conv-card .channel-mail{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.conv-card .channel-email .channel-icon,.conv-card .channel-mail .channel-icon{background:#ea580c}.conv-card .right{font-size:13px;color:#666}.conv-card .user{margin-top:10px;font-weight:500}.conv-card .meta{font-size:12px;color:#888;margin-top:4px}.conv-card .message-row{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.conv-card .message{padding:10px;background:#fff;border-radius:10px;font-size:14px;color:#333;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-card .last-time{color:#64748b;font-size:12px;font-weight:700;white-space:nowrap}.conv-card .actions{margin-top:12px;display:flex;gap:8px;flex-wrap:nowrap;align-items:center;min-width:0}.conv-card button{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.conv-card .secondary{background:#e6f0ff}.conv-card .danger{background:#ffe6e6;color:#d9363e}.conv-card select{padding:6px;border-radius:8px;min-width:0;flex:1 1 auto}@media (max-width: 900px){.conv-card{padding:12px;margin-bottom:8px;border-radius:14px;box-shadow:0 2px 8px #0f172a0f}.conv-card:hover{transform:none}.conv-card .header{align-items:flex-start;gap:8px}.conv-card .left{gap:6px;min-width:0}.conv-card .right{flex:0 0 auto;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:right}.conv-card .user{margin-top:8px;font-size:14px;line-height:1.35}.conv-card .message-row{margin-top:8px;grid-template-columns:1fr;gap:5px}.conv-card .message{padding:8px;font-size:13px;line-height:1.35;display:-webkit-box;--webkit-line-clamp: 2;--webkit-box-orient: vertical;white-space:normal;overflow:hidden}.conv-card .last-time{font-size:11px;text-align:right}.conv-card .actions{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.conv-card .actions select{flex:1 1 96px;min-width:96px;width:auto;padding:8px 6px;font-size:12px}.conv-card .actions button{flex:0 0 auto;width:auto;padding:8px 9px;font-size:12px;white-space:nowrap}.conv-card .pill,.conv-card .channel-pill{font-size:10px;padding:3px 7px}}.manager-dashboard .layout{display:flex;height:100vh;min-height:100vh;background:#f5f7fb;font-family:Arial,sans-serif;overflow:hidden}.manager-dashboard .sidebar{width:72px;min-width:72px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 10px;box-sizing:border-box}.manager-dashboard .top-icons,.manager-dashboard .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.manager-dashboard .icon-link{text-decoration:none}.manager-dashboard .grid-btn,.manager-dashboard .icon-btn{width:42px;height:42px;border:1px solid #dde3ec;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:18px}.manager-dashboard .grid-btn:hover,.manager-dashboard .icon-btn:hover{background:#f2f6ff;border-color:#cfdcff}.manager-dashboard .icon-btn.active{background:#0b66d1;color:#fff;border-color:#0b66d1}.manager-dashboard .grid-btn{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px}.manager-dashboard .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.manager-dashboard .avatar{width:42px;height:42px;border-radius:50%;background:#0b66d1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.manager-dashboard .main-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.manager-dashboard .top{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e9edf3;background:#fff}.manager-dashboard .actions{display:flex;gap:8px;flex-wrap:wrap}.manager-dashboard button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.manager-dashboard button.logout{background:#444}.manager-dashboard button.danger{background:#e74c3c}.manager-dashboard button.secondary{background:#6c757d}.manager-dashboard .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0;overflow:hidden}.manager-dashboard .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0;display:flex;flex-direction:column}.manager-dashboard .chatCard{height:100%}.manager-dashboard .cardHead{flex:0 0 auto;padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.manager-dashboard .mobileBackBtn{display:none}.manager-dashboard h3{margin:0}.manager-dashboard .agents,.manager-dashboard .convs{flex:1;min-height:0;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.manager-dashboard .agent,.manager-dashboard .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.manager-dashboard .row{display:flex;align-items:center;gap:8px}.manager-dashboard .tabs{display:flex;gap:8px;flex-wrap:wrap}.manager-dashboard .tab{background:#eee;color:#000}.manager-dashboard .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.manager-dashboard .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-dashboard select{padding:8px;border-radius:10px;border:1px solid #ccc}.manager-dashboard .muted{color:#777;font-size:12px}.manager-dashboard .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.manager-dashboard .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.manager-dashboard .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.manager-dashboard .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.manager-dashboard .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.manager-dashboard .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.manager-dashboard .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.manager-dashboard .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.manager-dashboard .chatContainer{flex:1;display:flex;flex-direction:column;height:auto;min-height:0;background:#fff}.manager-dashboard .chatHeader{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.manager-dashboard .messages{flex:1;flex-basis:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb;scroll-behavior:smooth;overscroll-behavior:contain}.manager-dashboard .msg{width:fit-content;max-width:min(75%,720px);min-width:0;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px;overflow:visible;box-shadow:0 1px 2px #0f172a0d}.manager-dashboard .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.manager-dashboard .visitorMsg{align-self:flex-start;background:#fff}.manager-dashboard .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.manager-dashboard .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.manager-dashboard .readOnlyBar{flex:0 0 auto;padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.manager-dashboard .managerBubble{max-width:100%;min-width:0;padding:10px;box-sizing:border-box}.manager-dashboard .managerBubbleMeta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;color:#64748b}.manager-dashboard .managerBubbleMeta b{color:#111827}.manager-dashboard .managerText{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.45;color:#111827}.manager-dashboard .managerCaption{max-width:320px;margin-top:8px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;color:#111827}.manager-dashboard .managerMediaImage,.manager-dashboard .managerMediaVideo{width:100%;max-width:320px;max-height:360px;display:block;border-radius:10px;object-fit:contain;background:#f8fafc;border:1px solid #e5e7eb}.manager-dashboard .managerMediaAudio{width:100%;max-width:320px;display:block}.manager-dashboard .managerDocument{display:flex;align-items:center;gap:10px;max-width:320px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;text-decoration:none;font-weight:600;word-break:break-word;overflow-wrap:anywhere}.manager-dashboard .managerDocument:hover{background:#eef2ff;border-color:#c7d2fe}.manager-dashboard .managerTemplate{max-width:320px;padding:10px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.manager-dashboard .managerTemplate small{display:block;color:#64748b;margin-bottom:6px;font-weight:700}.manager-dashboard .managerStructured{margin:0;max-width:320px;padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:inherit;font-size:13px}.manager-dashboard .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.manager-dashboard .brand-logo{width:40px}@media (max-width: 900px){.manager-dashboard .layout{height:100dvh;min-height:100dvh}.manager-dashboard .main-area{width:100%}.manager-dashboard .grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:0;padding:0;overflow:hidden}.manager-dashboard .sidebar{display:flex}.manager-dashboard .grid-btn,.manager-dashboard .icon-btn,.manager-dashboard .avatar{width:38px;height:38px}.manager-dashboard .top{padding:10px 12px;gap:8px;align-items:center}.manager-dashboard .top small{display:none}.manager-dashboard .actions{margin-left:auto;gap:6px}.manager-dashboard .actions button,.manager-dashboard button{padding:7px 10px;border-radius:9px;font-size:12px}.manager-dashboard .conversationListCard,.manager-dashboard .chatCard{min-height:0;height:calc(100dvh - 53px);border:0;border-radius:0}.manager-dashboard .grid.mobileChatOpen .conversationListCard{display:none}.manager-dashboard .grid:not(.mobileChatOpen) .chatCard{display:none}.manager-dashboard .convs{padding:10px;gap:8px;background:#f5f7fb}.manager-dashboard .tabs{position:sticky;top:0;z-index:2;padding:8px 0;background:#f5f7fb}.manager-dashboard .tab{flex:1;min-width:0;padding:9px 8px;font-size:12px}.manager-dashboard .cardHead{min-height:52px;padding:8px 10px;justify-content:flex-start;background:#fff}.manager-dashboard .cardHead h3{font-size:16px}.manager-dashboard .mobileBackBtn{display:inline-flex;align-items:center;justify-content:center;background:#eef2f7;color:#111827;font-weight:700}.manager-dashboard .chatContainer{height:auto}.manager-dashboard .chatHeader{padding:10px 12px;align-items:flex-start;flex-direction:column;gap:10px}.manager-dashboard .chatHeader h3{font-size:16px}.manager-dashboard .chatHeader .muted{display:flex;flex-direction:column;gap:3px;line-height:1.35}.manager-dashboard .messages{padding:10px;gap:8px}.manager-dashboard .msg{max-width:94%;margin-bottom:6px}.manager-dashboard .managerBubble{min-width:0}.manager-dashboard .managerBubbleMeta{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:6px}.manager-dashboard .managerMediaImage,.manager-dashboard .managerMediaVideo,.manager-dashboard .managerMediaAudio,.manager-dashboard .managerDocument,.manager-dashboard .managerTemplate,.manager-dashboard .managerStructured{max-width:100%}.manager-dashboard .readOnlyBar{padding:9px 10px;font-size:12px}.manager-dashboard .emptyState{height:100%;padding:24px;text-align:center}}.manager-shell .layout{display:flex;min-height:100vh;background:#f5f7fb;font-family:Arial,sans-serif}.manager-shell .sidebar{width:72px;min-width:72px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 10px;box-sizing:border-box}.manager-shell .top-icons,.manager-shell .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.manager-shell .icon-link{text-decoration:none}.manager-shell .grid-btn,.manager-shell .icon-btn{width:42px;height:42px;border:1px solid #dde3ec;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:18px}.manager-shell .grid-btn:hover,.manager-shell .icon-btn:hover{background:#f2f6ff;border-color:#cfdcff}.manager-shell .icon-btn.active{background:#0b66d1;color:#fff;border-color:#0b66d1}.manager-shell .grid-btn{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px}.manager-shell .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.manager-shell .avatar{width:42px;height:42px;border-radius:50%;background:#0b66d1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.manager-shell .main-area{flex:1;min-width:0;display:flex;flex-direction:column}.manager-shell .top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e9edf3;background:#fff}.manager-shell .actions{display:flex;gap:8px;flex-wrap:wrap}.manager-shell button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.manager-shell button.logout{background:#444}.manager-shell button.danger{background:#e74c3c}.manager-shell button.secondary{background:#6c757d}.manager-shell .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.manager-shell .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.manager-shell .cardHead{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.manager-shell h3{margin:0}.manager-shell .agents,.manager-shell .convs{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.manager-shell .agent,.manager-shell .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.manager-shell .row{display:flex;align-items:center;gap:8px}.manager-shell .tabs{display:flex;gap:8px;flex-wrap:wrap}.manager-shell .tab{background:#eee;color:#000}.manager-shell .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.manager-shell .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-shell select{padding:8px;border-radius:10px;border:1px solid #ccc}.manager-shell .muted{color:#777;font-size:12px}.manager-shell .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.manager-shell .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.manager-shell .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.manager-shell .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.manager-shell .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.manager-shell .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.manager-shell .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.manager-shell .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.manager-shell .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.manager-shell .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.manager-shell .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.manager-shell .msg{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.manager-shell .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.manager-shell .visitorMsg{align-self:flex-start;background:#fff}.manager-shell .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.manager-shell .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.manager-shell .readOnlyBar{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.manager-shell .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.manager-shell .brand-logo{width:40px}@media (max-width: 900px){.manager-shell .grid{grid-template-columns:1fr}.manager-shell .sidebar{width:60px;min-width:60px;padding:10px 8px}.manager-shell .grid-btn,.manager-shell .icon-btn,.manager-shell .avatar{width:38px;height:38px}.manager-shell .top{flex-direction:column;align-items:flex-start;gap:10px}}.manager-shell :root{--primary: #3b82f6;--primary-dark: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.manager-shell body{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.manager-shell .ds_mainContent{padding:10px;xmargin:0 auto}.manager-shell .ds_header_container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.manager-shell .ds_header_title h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.manager-shell .ds_header_title p{margin:4px 0 0;color:#64748b;font-size:14px}.manager-shell .ds_filters{display:flex;gap:12px;align-items:center}.manager-shell .ds_filters select,.manager-shell .ds_filters input{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.manager-shell .ds_filters select:focus,.manager-shell .ds_filters input:focus{border-color:#3b82f6}.manager-shell .ds_search_btn{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.manager-shell .ds_search_btn:hover{background:#2563eb}.manager-shell .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.manager-shell .stat_card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.manager-shell .stat_card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.manager-shell .stat_card.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.manager-shell .stat_card .label{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.manager-shell .stat_card.active .label{color:#fffc}.manager-shell .stat_card .value{font-size:24px;font-weight:700;margin:0}.manager-shell .stat_card .icon{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.manager-shell .ds_panel_row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.manager-shell .panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.manager-shell .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b}.manager-shell .ds_table{width:100%;border-collapse:collapse}.manager-shell .ds_table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.manager-shell .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.manager-shell .ds_table tr:last-child td{border-bottom:none}.manager-shell .status_badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.manager-shell .status_badge:before{content:"";width:6px;height:6px;border-radius:50%}.manager-shell .status_ready{background:#ecfdf5;color:#059669}.manager-shell .status_ready:before{background:#059669}.manager-shell .status_live{background:#eff6ff;color:#2563eb}.manager-shell .status_live:before{background:#2563eb}.manager-shell .status_break{background:#fffbeb;color:#d97706}.manager-shell .status_break:before{background:#d97706}.manager-shell .active_chats_count{color:#3b82f6;font-weight:600}.manager-shell .activity_list{list-style:none;padding:0;margin:0}.manager-shell .activity_item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.manager-shell .activity_item:last-child{border-bottom:none}.manager-shell .activity_icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.manager-shell .activity_content{flex:1}.manager-shell .activity_text{font-size:14px;margin:0;font-weight:500}.manager-shell .activity_time{font-size:12px;color:#64748b;margin-top:4px}.manager-shell .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.manager-shell .time_good{background:#ecfdf5;color:#059669}.manager-shell .time_warning{background:#fff7ed;color:#c2410c}.manager-shell .time_danger{background:#fef2f2;color:#dc2626}.manager-shell .status_waiting{color:#f59e0b;font-weight:600}.manager-shell .ds_pageContainer{display:flex;height:100vh;overflow:hidden}.manager-shell #sidebar{width:260px;height:100vh;flex-shrink:0;z-index:20}.manager-shell .ds_viewWrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.manager-shell #topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.manager-shell .ds_mainContent{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.manager-shell .topbarLogo{height:16px;padding:0 0 1px 10px}.manager-shell #sidebar{width:66px}.recent-activity-feed.panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.recent-activity-feed.activity_panel{height:420px;max-height:420px;display:flex;flex-direction:column;overflow:hidden}.recent-activity-feed .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b;flex-shrink:0}.recent-activity-feed .activity_list{list-style:none;padding:0 6px 0 0;margin:0;flex:1;min-height:0;overflow-y:auto}.recent-activity-feed .activity_list::-webkit-scrollbar{width:6px}.recent-activity-feed .activity_list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.recent-activity-feed .activity_list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.recent-activity-feed .activity_item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f1f5f9}.recent-activity-feed .activity_item:last-child{border-bottom:none}.recent-activity-feed .activity_icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-activity-feed .icon-default{background:#f1f5f9;color:#64748b}.recent-activity-feed .icon-assigned{background:#eff6ff;color:#2563eb}.recent-activity-feed .icon-routed{background:#f5f3ff;color:#7c3aed}.recent-activity-feed .icon-closed{background:#ecfdf5;color:#059669}.recent-activity-feed .icon-waiting{background:#fff7ed;color:#ea580c}.recent-activity-feed .activity_content{flex:1;min-width:0}.recent-activity-feed .activity_text{font-size:14px;margin:0;font-weight:600;color:#1e293b}.recent-activity-feed .activity_subtext{margin:4px 0 0;font-size:12px;color:#64748b}.recent-activity-feed .activity_meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.recent-activity-feed .meta-pill{padding:4px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;font-size:11px;color:#475569}.recent-activity-feed .activity_time{font-size:12px;color:#94a3b8}.recent-activity-feed .activity_empty{font-size:13px;color:#64748b;padding:10px 0;flex:1;overflow-y:auto}@media (max-width: 768px){.recent-activity-feed.activity_panel{height:360px;max-height:60vh;padding:16px}}.mdashboard .top-icons,.mdashboard .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.mdashboard .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.mdashboard button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.mdashboard button.logout{background:#444}.mdashboard button.danger{background:#e74c3c}.mdashboard button.secondary{background:#6c757d}.mdashboard .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.mdashboard .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.mdashboard .cardHead{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.mdashboard h3{margin:0}.mdashboard .agents,.mdashboard .convs{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.mdashboard .agent,.mdashboard .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.mdashboard .row{display:flex;align-items:center;gap:8px}.mdashboard .tabs{display:flex;gap:8px;flex-wrap:wrap}.mdashboard .tab{background:#eee;color:#000}.mdashboard .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.mdashboard .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdashboard select{padding:8px;border-radius:10px;border:1px solid #ccc}.mdashboard .muted{color:#777;font-size:12px}.mdashboard .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.mdashboard .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.mdashboard .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.mdashboard .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.mdashboard .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.mdashboard .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.mdashboard .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.mdashboard .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.mdashboard .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.mdashboard .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.mdashboard .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.mdashboard .msg{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.mdashboard .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.mdashboard .visitorMsg{align-self:flex-start;background:#fff}.mdashboard .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.mdashboard .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.mdashboard .readOnlyBar{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.mdashboard .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.mdashboard .brand-logo{width:40px}@media (max-width: 900px){.mdashboard .grid{grid-template-columns:1fr}.mdashboard .sidebar{width:60px;min-width:60px;padding:10px 8px}.mdashboard .grid-btn,.mdashboard .icon-btn,.mdashboard .avatar{width:38px;height:38px}.mdashboard .top{flex-direction:column;align-items:flex-start;gap:10px}}.mdashboard :root{--primary: #3b82f6;--primary-dark: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.mdashboard body{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.mdashboard .ds_mainContent{padding:10px;xmargin:0 auto}.mdashboard .ds_header_container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.mdashboard .ds_header_title h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.mdashboard .ds_header_title p{margin:4px 0 0;color:#64748b;font-size:14px}.mdashboard .ds_filters{display:flex;gap:12px;align-items:center}.mdashboard .ds_filters select,.mdashboard .ds_filters input{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.mdashboard .ds_filters select:focus,.mdashboard .ds_filters input:focus{border-color:#3b82f6}.mdashboard .ds_search_btn{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.mdashboard .ds_search_btn:hover{background:#2563eb}.mdashboard .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.mdashboard .stat_card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.mdashboard .stat_card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.mdashboard .stat_card.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.mdashboard .stat_card .label{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.mdashboard .stat_card.active .label{color:#fffc}.mdashboard .stat_card .value{font-size:24px;font-weight:700;margin:0}.mdashboard .stat_card .icon{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.mdashboard .ds_panel_row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.mdashboard .panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.mdashboard .scroll_panel{display:flex;flex-direction:column;overflow:hidden}.mdashboard .agent_status_panel,.mdashboard .live_queue_panel{height:420px;max-height:420px}.mdashboard .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b;flex-shrink:0}.mdashboard .panel_table_scroll{flex:1;min-height:0;overflow:auto;padding-right:4px}.mdashboard .panel_table_scroll::-webkit-scrollbar{width:6px;height:6px}.mdashboard .panel_table_scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.mdashboard .panel_table_scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.mdashboard .ds_table{width:100%;border-collapse:collapse}.mdashboard .ds_table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:2}.mdashboard .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.mdashboard .ds_table tr:last-child td{border-bottom:none}.mdashboard .status_badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.mdashboard .status_badge:before{content:"";width:6px;height:6px;border-radius:50%}.mdashboard .status_ready{background:#ecfdf5;color:#059669}.mdashboard .status_ready:before{background:#059669}.mdashboard .status_live{background:#eff6ff;color:#2563eb}.mdashboard .status_live:before{background:#2563eb}.mdashboard .status_break{background:#fffbeb;color:#d97706}.mdashboard .status_break:before{background:#d97706}.mdashboard .active_chats_count{color:#3b82f6;font-weight:600}.mdashboard .activity_list{list-style:none;padding:0;margin:0}.mdashboard .activity_item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.mdashboard .activity_item:last-child{border-bottom:none}.mdashboard .activity_icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.mdashboard .activity_content{flex:1}.mdashboard .activity_text{font-size:14px;margin:0;font-weight:500}.mdashboard .activity_time{font-size:12px;color:#64748b;margin-top:4px}.mdashboard .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.mdashboard .time_good{background:#ecfdf5;color:#059669}.mdashboard .time_warning{background:#fff7ed;color:#c2410c}.mdashboard .time_danger{background:#fef2f2;color:#dc2626}.mdashboard .status_waiting{color:#f59e0b;font-weight:600}.mdashboard .status_waiting.expired{color:#dc2626}.mdashboard .queue_panel_header{align-items:center;display:flex;justify-content:space-between;gap:10px}.mdashboard .socket_badge{border-radius:999px;font-size:11px;font-weight:700;padding:3px 8px;text-transform:uppercase}.mdashboard .socket_badge.live{background:#dcfce7;color:#166534}.mdashboard .socket_badge.connecting{background:#eff6ff;color:#1d4ed8}.mdashboard .socket_badge.offline,.mdashboard .socket_badge.error{background:#fee2e2;color:#991b1b}.mdashboard .queue_code{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:600}.mdashboard .empty_queue{color:#64748b;font-weight:600;text-align:center}.mdashboard .ds_pageContainer{display:flex;height:100vh;overflow:hidden}.mdashboard #sidebar{width:260px;height:100vh;flex-shrink:0;z-index:20}.mdashboard .ds_viewWrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.mdashboard #topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.mdashboard .ds_mainContent{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.mdashboard .topbarLogo{height:16px;padding:0 0 1px 10px}.mdashboard #sidebar{width:66px}.dispo-page{padding:16px}.dispo-page .topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.dispo-page .topbar h2{margin:0;font-size:22px}.dispo-page .sub{margin:4px 0 0;color:#64748b;font-size:13px}.dispo-page .primary-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.dispo-page .loading-box,.dispo-page .empty-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.dispo-page .content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.dispo-page .table-panel,.dispo-page .preview-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.dispo-page .table-wrap{width:100%;overflow-x:auto}.dispo-page .dispo-table{width:100%;min-width:820px;border-collapse:collapse}.dispo-page .dispo-table th{padding:14px 16px;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.dispo-page .dispo-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;vertical-align:middle}.dispo-page .dispo-table tbody tr{cursor:pointer}.dispo-page .dispo-table tbody tr:hover,.dispo-page .dispo-table tbody tr.selected{background:#f8fbff}.dispo-page .dispo-table tbody tr:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.dispo-page .dispo-table tbody tr:last-child td{border-bottom:0}.dispo-page .name-cell{display:flex;align-items:center;gap:8px}.dispo-page .name-cell strong{display:block;color:#0f172a;font-weight:800}.dispo-page .name-cell small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:600}.dispo-page .color-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%}.dispo-page .pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.dispo-page .pill.on{background:#ecfdf5;color:#059669}.dispo-page .pill.off{background:#f3f4f6;color:#6b7280}.dispo-page .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dispo-page .actions-col{text-align:right}.dispo-page .row-actions{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.dispo-page .preview-panel{position:sticky;top:16px}.dispo-page .preview-card,.dispo-page .empty-preview{padding:18px}.dispo-page .preview-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.dispo-page .preview-dot{width:44px;height:44px;flex:0 0 44px;border-radius:14px}.dispo-page .preview-head h3{margin:0;color:#0f172a;font-size:18px}.dispo-page .preview-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.dispo-page .preview-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dispo-page .callback-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}.dispo-page .preview-list{display:grid;gap:12px;margin-top:18px}.dispo-page .preview-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.dispo-page .preview-list span{color:#64748b;font-size:13px}.dispo-page .preview-list b{color:#0f172a;font-size:13px;font-weight:700;text-align:right}.dispo-page .preview-actions{display:flex;gap:8px;margin-top:18px}.dispo-page .empty-preview{color:#64748b;font-size:14px}.dispo-page .edit-btn,.dispo-page .delete-btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.dispo-page .edit-btn{background:#dbeafe;color:#1d4ed8}.dispo-page .delete-btn{background:#fee2e2;color:#b91c1c}.dispo-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.dispo-page .modal{width:420px;max-width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #0000002e}.dispo-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.dispo-page .modal-head h3{margin:0;font-size:18px}.dispo-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:18px}.dispo-page .modal-body{padding:16px;display:grid;gap:12px}.dispo-page .field{display:grid;gap:6px}.dispo-page .field label{font-size:13px;font-weight:600;color:#374151}.dispo-page .field input[type=text]{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;outline:none}.dispo-page .color-row{display:grid;grid-template-columns:56px 1fr;gap:10px}.dispo-page .color-input{width:56px;height:42px;border:1px solid #d1d5db;border-radius:10px;padding:4px;background:#fff}.dispo-page .color-text{width:100%}.dispo-page .checkbox-field{margin-top:2px}.dispo-page .check-row{display:flex;align-items:center;gap:8px;font-weight:500}.dispo-page .check-row input{width:auto}.dispo-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.dispo-page .ghost-btn,.dispo-page .save-btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.dispo-page .ghost-btn{background:#eef2f7;color:#334155}.dispo-page .save-btn{background:#2563eb;color:#fff}.dispo-page .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1100px){.dispo-page .content-grid{grid-template-columns:1fr}.dispo-page .preview-panel{position:static}}@media (max-width: 640px){.dispo-page{padding:12px}.dispo-page .topbar{flex-direction:column;align-items:stretch}.dispo-page .primary-btn{width:100%}.dispo-page .dispo-table{min-width:760px}.dispo-page .dispo-table th,.dispo-page .dispo-table td{padding:12px}.dispo-page .preview-actions{flex-direction:column}}.pausecode-page{padding:16px}.pausecode-page .topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.pausecode-page .topbar h2{margin:0;font-size:22px}.pausecode-page .sub{margin:4px 0 0;color:#64748b;font-size:13px}.pausecode-page .primary-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.pausecode-page .loading-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.pausecode-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.pausecode-page .card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:14px}.pausecode-page .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pausecode-page .left{display:flex;flex-direction:column;gap:4px}.pausecode-page .title-row{display:flex;align-items:center;gap:8px}.pausecode-page .color-dot{width:12px;height:12px;border-radius:50%}.pausecode-page .left small{color:#64748b}.pausecode-page .pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.pausecode-page .pill.on{background:#ecfdf5;color:#059669}.pausecode-page .pill.off{background:#f3f4f6;color:#6b7280}.pausecode-page .desc{margin-top:12px;font-size:13px;color:#475569;min-height:36px}.pausecode-page .meta{margin-top:12px;display:grid;gap:8px}.pausecode-page .meta-item{display:flex;justify-content:space-between;gap:10px;font-size:13px}.pausecode-page .label{color:#64748b}.pausecode-page .value{color:#111827;font-weight:500;text-align:right}.pausecode-page .actions{margin-top:14px;display:flex;gap:8px}.pausecode-page .edit-btn,.pausecode-page .delete-btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.pausecode-page .edit-btn{background:#dbeafe;color:#1d4ed8}.pausecode-page .delete-btn{background:#fee2e2;color:#b91c1c}.pausecode-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.pausecode-page .modal{width:460px;max-width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #0000002e}.pausecode-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.pausecode-page .modal-head h3{margin:0;font-size:18px}.pausecode-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:18px}.pausecode-page .modal-body{padding:16px;display:grid;gap:12px}.pausecode-page .field{display:grid;gap:6px}.pausecode-page .field label{font-size:13px;font-weight:600;color:#374151}.pausecode-page .field input[type=text],.pausecode-page .field textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;outline:none;resize:vertical}.pausecode-page .color-row{display:grid;grid-template-columns:56px 1fr;gap:10px}.pausecode-page .color-input{width:56px;height:42px;border:1px solid #d1d5db;border-radius:10px;padding:4px;background:#fff}.pausecode-page .color-text{width:100%}.pausecode-page .checkbox-field{margin-top:2px}.pausecode-page .check-row{display:flex;align-items:center;gap:8px;font-weight:500}.pausecode-page .check-row input{width:auto}.pausecode-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.pausecode-page .ghost-btn,.pausecode-page .save-btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.pausecode-page .ghost-btn{background:#eef2f7;color:#334155}.pausecode-page .save-btn{background:#2563eb;color:#fff}.pausecode-page .save-btn:disabled{opacity:.6;cursor:not-allowed}.manager-users-page .actions button,.manager-users-page .top button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.manager-users-page .actions button.logout{background:#444}.manager-users-page .page{padding:18px}.manager-users-page .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.manager-users-page .page-head h2{margin:0;color:#0f172a}.manager-users-page .sub{margin:4px 0 0;color:#64748b;font-size:13px}.manager-users-page .head-actions{display:flex;gap:8px;flex-wrap:wrap}.manager-users-page .primary-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.manager-users-page .ghost-btn{border:1px solid #cfd8e3;background:#fff;color:#183b67;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.manager-users-page .ghost-btn:disabled{opacity:.6;cursor:not-allowed}.manager-users-page .hidden-input{display:none}.manager-users-page .filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.manager-users-page .filters input,.manager-users-page .filters select{padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;min-width:160px}.manager-users-page .filters button{border:none;background:#2563eb;color:#fff;padding:9px 16px;border-radius:8px;cursor:pointer}.manager-users-page .loading-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.manager-users-page .table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:auto}.manager-users-page .table{width:100%;border-collapse:collapse}.manager-users-page .table th{text-align:left;background:#f8fafc;padding:12px 14px;font-size:12px;color:#475569;border-bottom:1px solid #e5e7eb;white-space:nowrap}.manager-users-page .table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;font-size:13.5px;color:#0f172a;vertical-align:middle}.manager-users-page .table td small{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.manager-users-page .actions-col{text-align:right}.manager-users-page .row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.manager-users-page .role-pill{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize;background:#eef2ff;color:#4338ca}.manager-users-page .role-pill.manager{background:#ecfdf5;color:#059669}.manager-users-page .pill{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.manager-users-page .pill.on{background:#ecfdf5;color:#059669}.manager-users-page .pill.off{background:#f3f4f6;color:#6b7280}.manager-users-page .edit-btn,.manager-users-page .reset-btn,.manager-users-page .delete-btn{border:none;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.manager-users-page .edit-btn{background:#dbeafe;color:#1d4ed8}.manager-users-page .reset-btn{background:#fef3c7;color:#92400e}.manager-users-page .delete-btn{background:#fee2e2;color:#b91c1c}.manager-users-page .delete-btn:disabled{opacity:.6;cursor:not-allowed}.manager-users-page .empty{text-align:center;padding:30px;color:#64748b}.manager-users-page .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.manager-users-page .modal{width:460px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0000002e}.manager-users-page .modal.wide{width:640px}.manager-users-page .modal.small{width:380px}.manager-users-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.manager-users-page .modal-head h3{margin:0;font-size:18px}.manager-users-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:18px}.manager-users-page .modal-body{padding:16px;display:grid;gap:12px}.manager-users-page .field{display:grid;gap:6px}.manager-users-page .field label{font-size:13px;font-weight:600;color:#374151}.manager-users-page .field input,.manager-users-page .field select{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;box-sizing:border-box;outline:none}.manager-users-page .checkbox-field{margin-top:2px}.manager-users-page .check-row{display:flex;align-items:center;gap:8px;font-weight:500}.manager-users-page .check-row input{width:auto}.manager-users-page .hint{margin:0;color:#64748b;font-size:13px;line-height:1.5}.manager-users-page .hint code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:12px}.manager-users-page .preview-table{max-height:260px}.manager-users-page .import-preview,.manager-users-page .import-results{display:grid;gap:10px}.manager-users-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.manager-users-page .save-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.manager-users-page .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 700px){.manager-users-page .top{flex-direction:column;align-items:flex-start;gap:10px}}.queue-page{padding:16px}.queue-page .topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.queue-page .top-actions{display:flex;gap:10px}.queue-page .primary-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}.queue-page .notification-panel{margin-bottom:14px;padding:14px;border:1px solid #dbeafe;border-radius:14px;background:#fff}.queue-page .section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.queue-page .section-head h3{margin:0}.queue-page .section-head p,.queue-page .empty-line{margin:4px 0 0;color:#64748b;font-size:13px}.queue-page .notification-list{display:grid;gap:8px}.queue-page .notification-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.queue-page .notification-row small{display:block;margin-top:3px;color:#64748b}.queue-page .channel-pill{border-radius:999px;padding:5px 9px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800;text-transform:uppercase}.queue-page .loading{font-size:14px;color:#64748b}.queue-page .queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.queue-page .queue-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:12px}.queue-page .header{padding:2px;display:flex;justify-content:space-between;margin-bottom:8px}.queue-page .stats{font-size:12px;display:grid;gap:4px}.queue-page .item{padding:6px}.queue-page .footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.queue-page .strategy{font-size:11px;background:#eef2ff;padding:4px 8px;border-radius:6px}.queue-page .actions{display:flex;gap:6px}.queue-page .edit-btn,.queue-page .delete-btn{border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:12px}.queue-page .edit-btn{background:#dbeafe;color:#1d4ed8}.queue-page .delete-btn{background:#fee2e2;color:#b91c1c}.queue-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.queue-page .modal-card{width:420px;max-width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #0000002e}.queue-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.queue-page .modal-head h3{margin:0;font-size:18px}.queue-page .close-btn{border:none;background:transparent;font-size:18px;cursor:pointer}.queue-page .modal-body{padding:16px;display:grid;gap:12px}.queue-page .field{display:grid;gap:6px}.queue-page .field label{font-size:13px;font-weight:600}.queue-page .field input,.queue-page .field select,.queue-page .field textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;outline:none;box-sizing:border-box}.queue-page .field textarea{resize:vertical;min-height:110px}.queue-page .field small{color:#64748b;font-size:12px}.queue-page .field.wide{grid-column:1 / -1}.queue-page .check-row{display:flex;align-items:center;gap:8px}.queue-page .check-row input{width:auto}.queue-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #eee}.queue-page .ghost-btn,.queue-page .save-btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.queue-page .ghost-btn{background:#eef2f7;color:#334155}.queue-page .save-btn{background:#2563eb;color:#fff}.queue-page .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 700px){.queue-page .topbar,.queue-page .top-actions,.queue-page .notification-row{align-items:stretch;display:flex;flex-direction:column}.queue-page .queue-grid{grid-template-columns:1fr}}.manager-queues-page .top-icons,.manager-queues-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.manager-queues-page .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.manager-queues-page button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.manager-queues-page button.logout{background:#444}.manager-queues-page button.danger{background:#e74c3c}.manager-queues-page button.secondary{background:#6c757d}.manager-queues-page .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.manager-queues-page .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.manager-queues-page .cardHead{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.manager-queues-page h3{margin:0}.manager-queues-page .agents,.manager-queues-page .convs{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.manager-queues-page .agent,.manager-queues-page .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.manager-queues-page .row{display:flex;align-items:center;gap:8px}.manager-queues-page .tabs{display:flex;gap:8px;flex-wrap:wrap}.manager-queues-page .tab{background:#eee;color:#000}.manager-queues-page .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.manager-queues-page .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-queues-page select{padding:8px;border-radius:10px;border:1px solid #ccc}.manager-queues-page .muted{color:#777;font-size:12px}.manager-queues-page .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.manager-queues-page .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.manager-queues-page .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.manager-queues-page .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.manager-queues-page .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.manager-queues-page .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.manager-queues-page .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.manager-queues-page .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.manager-queues-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.manager-queues-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.manager-queues-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.manager-queues-page .msg{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.manager-queues-page .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.manager-queues-page .visitorMsg{align-self:flex-start;background:#fff}.manager-queues-page .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.manager-queues-page .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.manager-queues-page .readOnlyBar{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.manager-queues-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.manager-queues-page .brand-logo{width:40px}@media (max-width: 900px){.manager-queues-page .grid{grid-template-columns:1fr}.manager-queues-page .sidebar{width:60px;min-width:60px;padding:10px 8px}.manager-queues-page .grid-btn,.manager-queues-page .icon-btn,.manager-queues-page .avatar{width:38px;height:38px}.manager-queues-page .top{flex-direction:column;align-items:flex-start;gap:10px}}.manager-queues-page :root{--primary: #3b82f6;--primary-dark: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.manager-queues-page body{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.manager-queues-page .ds_mainContent{padding:10px;xmargin:0 auto}.manager-queues-page .ds_header_container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.manager-queues-page .ds_header_title h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.manager-queues-page .ds_header_title p{margin:4px 0 0;color:#64748b;font-size:14px}.manager-queues-page .ds_filters{display:flex;gap:12px;align-items:center}.manager-queues-page .ds_filters select,.manager-queues-page .ds_filters input{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.manager-queues-page .ds_filters select:focus,.manager-queues-page .ds_filters input:focus{border-color:#3b82f6}.manager-queues-page .ds_search_btn{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.manager-queues-page .ds_search_btn:hover{background:#2563eb}.manager-queues-page .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.manager-queues-page .stat_card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.manager-queues-page .stat_card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.manager-queues-page .stat_card.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.manager-queues-page .stat_card .label{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.manager-queues-page .stat_card.active .label{color:#fffc}.manager-queues-page .stat_card .value{font-size:24px;font-weight:700;margin:0}.manager-queues-page .stat_card .icon{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.manager-queues-page .ds_panel_row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.manager-queues-page .panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.manager-queues-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b}.manager-queues-page .ds_table{width:100%;border-collapse:collapse}.manager-queues-page .ds_table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.manager-queues-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.manager-queues-page .ds_table tr:last-child td{border-bottom:none}.manager-queues-page .status_badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.manager-queues-page .status_badge:before{content:"";width:6px;height:6px;border-radius:50%}.manager-queues-page .status_ready{background:#ecfdf5;color:#059669}.manager-queues-page .status_ready:before{background:#059669}.manager-queues-page .status_live{background:#eff6ff;color:#2563eb}.manager-queues-page .status_live:before{background:#2563eb}.manager-queues-page .status_break{background:#fffbeb;color:#d97706}.manager-queues-page .status_break:before{background:#d97706}.manager-queues-page .active_chats_count{color:#3b82f6;font-weight:600}.manager-queues-page .activity_list{list-style:none;padding:0;margin:0}.manager-queues-page .activity_item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.manager-queues-page .activity_item:last-child{border-bottom:none}.manager-queues-page .activity_icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.manager-queues-page .activity_content{flex:1}.manager-queues-page .activity_text{font-size:14px;margin:0;font-weight:500}.manager-queues-page .activity_time{font-size:12px;color:#64748b;margin-top:4px}.manager-queues-page .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.manager-queues-page .time_good{background:#ecfdf5;color:#059669}.manager-queues-page .time_warning{background:#fff7ed;color:#c2410c}.manager-queues-page .time_danger{background:#fef2f2;color:#dc2626}.manager-queues-page .status_waiting{color:#f59e0b;font-weight:600}.manager-queues-page .ds_pageContainer{display:flex;height:100vh;overflow:hidden}.manager-queues-page #sidebar{width:260px;height:100vh;flex-shrink:0;z-index:20}.manager-queues-page .ds_viewWrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.manager-queues-page #topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.manager-queues-page .ds_mainContent{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.manager-queues-page .topbarLogo{height:16px;padding:0 0 1px 10px}.manager-queues-page #sidebar{width:66px}.queue-stats-page .top small{color:#64748b}.queue-stats-page button{border:1px solid #cbd5e1;border-radius:10px;padding:9px 13px;background:#fff;color:#0f172a;font-weight:800;cursor:pointer}.queue-stats-page button.primary{border-color:#16a34a;background:#16a34a;color:#fff}.queue-stats-page button.logout{border-color:#fecaca;color:#dc2626}.queue-stats-page .report-page{padding:24px}.queue-stats-page .hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding:22px;border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#fff)}.queue-stats-page .hero h1{margin:0;font-size:30px}.queue-stats-page .hero p{margin:6px 0 0;color:#64748b;font-weight:700}.queue-stats-page .source-pill{flex-shrink:0;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:900}.queue-stats-page .filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto;gap:12px;margin-bottom:18px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.queue-stats-page .filters label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:900}.queue-stats-page .filters input,.queue-stats-page .filters select{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;color:#0f172a;background:#fff}.queue-stats-page .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.queue-stats-page .metric-card{padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px #0f172a0d}.queue-stats-page .metric-card span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.queue-stats-page .metric-card b{display:block;margin-top:8px;font-size:24px}.queue-stats-page .metric-card.danger b{color:#dc2626}.queue-stats-page .metric-card.warning b{color:#d97706}.queue-stats-page .table-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden}.queue-stats-page .table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8f0}.queue-stats-page .table-head h2{margin:0}.queue-stats-page .table-head p{margin:4px 0 0;color:#64748b}.queue-stats-page .export-btn{border-color:#16a34a;background:#16a34a;color:#fff}.queue-stats-page .export-btn:disabled{cursor:not-allowed;opacity:.6}.queue-stats-page .table-wrap{overflow:auto}.queue-stats-page table{width:100%;min-width:1180px;border-collapse:collapse}.queue-stats-page th,.queue-stats-page td{padding:13px 14px;border-bottom:1px solid #eef2f7;text-align:left;white-space:nowrap}.queue-stats-page th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase}.queue-stats-page td strong,.queue-stats-page td small{display:block}.queue-stats-page td small{margin-top:2px;color:#64748b}.queue-stats-page .empty,.queue-stats-page .error{padding:28px;text-align:center;font-weight:800}.queue-stats-page .error{color:#dc2626}@media (max-width: 900px){.queue-stats-page .top{height:auto;align-items:flex-start;flex-direction:column;padding:12px 58px 12px 16px}.queue-stats-page .report-page{padding:14px}.queue-stats-page .hero,.queue-stats-page .filters{grid-template-columns:1fr}.queue-stats-page .hero{flex-direction:column}.queue-stats-page .table-head{align-items:stretch;flex-direction:column}.queue-stats-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.queue-stats-page .summary-grid{grid-template-columns:1fr}.queue-stats-page .actions,.queue-stats-page .actions button{width:100%}}.dispo-report{padding:16px;background:#f8fafc;min-height:100vh}.dispo-report .header h2{margin:0;color:#0f172a}.dispo-report .header p{margin:6px 0 0;color:#64748b}.dispo-report .filters{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.dispo-report .filters input,.dispo-report .filters select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;min-width:140px}.dispo-report .filters input[type=text]{min-width:180px}.dispo-report .filters button{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.dispo-report .filters button:disabled{opacity:.6;cursor:not-allowed}.dispo-report .export-btn{background:#16a34a!important}.dispo-report .grid{display:grid;grid-template-columns:350px 1fr;gap:16px;align-items:start}.dispo-report .card{background:#fff;padding:12px;border-radius:10px;border:1px solid #e2e8f0}.dispo-report .chart-card,.dispo-report .table-card{min-height:420px}.dispo-report .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dispo-report .table-header h3{margin:0}.dispo-report .summary-list{margin-top:14px;border-top:1px solid #e5e7eb;padding-top:10px}.dispo-report .summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid #f1f5f9}.dispo-report .table-wrap{overflow-x:auto}.dispo-report .table{width:100%;border-collapse:collapse}.dispo-report .table th{text-align:left;background:#f1f5f9;padding:10px;font-size:12px;color:#334155}.dispo-report .table td{text-align:left;padding:10px;border-bottom:1px solid #eee;font-size:13px}.dispo-report .pagination{display:flex;justify-content:space-between;margin-top:10px}.dispo-report .pagination button{background:#0b66d1;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.dispo-report .pagination button:disabled{background:#ccc;cursor:not-allowed}.dispo-report .empty{text-align:center;padding:20px;color:#64748b}@media (max-width: 900px){.dispo-report .grid{grid-template-columns:1fr}}.dispo-report-page .top-icons,.dispo-report-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.dispo-report-page .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.dispo-report-page button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.dispo-report-page button.logout{background:#444}.dispo-report-page button.danger{background:#e74c3c}.dispo-report-page button.secondary{background:#6c757d}.dispo-report-page .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.dispo-report-page .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.dispo-report-page .cardHead{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.dispo-report-page h3{margin:0}.dispo-report-page .agents,.dispo-report-page .convs{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.dispo-report-page .agent,.dispo-report-page .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.dispo-report-page .row{display:flex;align-items:center;gap:8px}.dispo-report-page .tabs{display:flex;gap:8px;flex-wrap:wrap}.dispo-report-page .tab{background:#eee;color:#000}.dispo-report-page .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.dispo-report-page .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispo-report-page select{padding:8px;border-radius:10px;border:1px solid #ccc}.dispo-report-page .muted{color:#777;font-size:12px}.dispo-report-page .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.dispo-report-page .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.dispo-report-page .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.dispo-report-page .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.dispo-report-page .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.dispo-report-page .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.dispo-report-page .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.dispo-report-page .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.dispo-report-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.dispo-report-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.dispo-report-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.dispo-report-page .msg{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.dispo-report-page .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.dispo-report-page .visitorMsg{align-self:flex-start;background:#fff}.dispo-report-page .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.dispo-report-page .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.dispo-report-page .readOnlyBar{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.dispo-report-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.dispo-report-page .brand-logo{width:40px}@media (max-width: 900px){.dispo-report-page .grid{grid-template-columns:1fr}.dispo-report-page .sidebar{width:60px;min-width:60px;padding:10px 8px}.dispo-report-page .grid-btn,.dispo-report-page .icon-btn,.dispo-report-page .avatar{width:38px;height:38px}.dispo-report-page .top{flex-direction:column;align-items:flex-start;gap:10px}}.dispo-report-page :root{--primary: #3b82f6;--primary-dark: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.dispo-report-page body{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.dispo-report-page .ds_mainContent{padding:10px;xmargin:0 auto}.dispo-report-page .ds_header_container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dispo-report-page .ds_header_title h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.dispo-report-page .ds_header_title p{margin:4px 0 0;color:#64748b;font-size:14px}.dispo-report-page .ds_filters{display:flex;gap:12px;align-items:center}.dispo-report-page .ds_filters select,.dispo-report-page .ds_filters input{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.dispo-report-page .ds_filters select:focus,.dispo-report-page .ds_filters input:focus{border-color:#3b82f6}.dispo-report-page .ds_search_btn{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dispo-report-page .ds_search_btn:hover{background:#2563eb}.dispo-report-page .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.dispo-report-page .stat_card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.dispo-report-page .stat_card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.dispo-report-page .stat_card.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.dispo-report-page .stat_card .label{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.dispo-report-page .stat_card.active .label{color:#fffc}.dispo-report-page .stat_card .value{font-size:24px;font-weight:700;margin:0}.dispo-report-page .stat_card .icon{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.dispo-report-page .ds_panel_row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.dispo-report-page .panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.dispo-report-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b}.dispo-report-page .ds_table{width:100%;border-collapse:collapse}.dispo-report-page .ds_table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.dispo-report-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.dispo-report-page .ds_table tr:last-child td{border-bottom:none}.dispo-report-page .status_badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.dispo-report-page .status_badge:before{content:"";width:6px;height:6px;border-radius:50%}.dispo-report-page .status_ready{background:#ecfdf5;color:#059669}.dispo-report-page .status_ready:before{background:#059669}.dispo-report-page .status_live{background:#eff6ff;color:#2563eb}.dispo-report-page .status_live:before{background:#2563eb}.dispo-report-page .status_break{background:#fffbeb;color:#d97706}.dispo-report-page .status_break:before{background:#d97706}.dispo-report-page .active_chats_count{color:#3b82f6;font-weight:600}.dispo-report-page .activity_list{list-style:none;padding:0;margin:0}.dispo-report-page .activity_item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.dispo-report-page .activity_item:last-child{border-bottom:none}.dispo-report-page .activity_icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.dispo-report-page .activity_content{flex:1}.dispo-report-page .activity_text{font-size:14px;margin:0;font-weight:500}.dispo-report-page .activity_time{font-size:12px;color:#64748b;margin-top:4px}.dispo-report-page .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.dispo-report-page .time_good{background:#ecfdf5;color:#059669}.dispo-report-page .time_warning{background:#fff7ed;color:#c2410c}.dispo-report-page .time_danger{background:#fef2f2;color:#dc2626}.dispo-report-page .status_waiting{color:#f59e0b;font-weight:600}.dispo-report-page .ds_pageContainer{display:flex;height:100vh;overflow:hidden}.dispo-report-page #sidebar{width:260px;height:100vh;flex-shrink:0;z-index:20}.dispo-report-page .ds_viewWrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.dispo-report-page #topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.dispo-report-page .ds_mainContent{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.dispo-report-page .topbarLogo{height:16px;padding:0 0 1px 10px}.dispo-report-page #sidebar{width:66px}.report-box{background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #0f172a0f}.report-box .report-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.report-box .report-head h3{margin:0;font-size:18px;color:#0f172a}.report-box .report-head p{margin:4px 0 0;color:#64748b;font-size:13px}.report-box .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.report-box .field{display:flex;flex-direction:column;gap:6px}.report-box .field label{color:#334155;font-size:12px;font-weight:700}.report-box .search-field{min-width:240px;flex:1}.report-box .input{min-height:40px;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#0f172a}.report-box .actions{display:flex;gap:8px;align-items:center}.report-box .search-btn,.report-box .export-btn{min-height:40px;color:#fff;padding:8px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.report-box .search-btn{background:#2563eb}.report-box .export-btn{background:#16a34a}.report-box .search-btn:disabled,.report-box .export-btn:disabled{opacity:.6;cursor:not-allowed}.report-box .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-top:14px}.report-box .summary-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}.report-box .summary-card span{display:block;color:#64748b;font-size:12px;font-weight:700}.report-box .summary-card strong{display:block;margin-top:6px;color:#0f172a;font-size:18px}.report-box .chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.report-box .chart-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;min-width:0}.report-box .chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.report-box .chart-head h4{margin:0;color:#0f172a;font-size:15px}.report-box .chart-head p{margin:3px 0 0;color:#64748b;font-size:12px}.report-box .chart-content{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:14px;align-items:center}.report-box .chart-canvas{min-width:0}.report-box .chart-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.report-box .chart-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#334155;font-size:12px}.report-box .chart-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-box .chart-row strong{color:#0f172a;white-space:nowrap}.report-box .chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:#64748b;font-size:13px;border-radius:10px;background:#f8fafc}.report-box .table-wrap{margin-top:14px;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.report-box .report-table{width:100%;min-width:980px;border-collapse:collapse}.report-box .report-table th,.report-box .report-table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:13px;vertical-align:top}.report-box .report-table th{background:#f8fafc;color:#475569;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.report-box .report-table td strong,.report-box .report-table td small{display:block}.report-box .report-table td small{margin-top:3px;color:#64748b}.report-box .code-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:800}.report-box .empty-cell{padding:26px 12px;color:#64748b;text-align:center}@media (max-width: 768px){.report-box .filters,.report-box .actions,.report-box .field,.report-box .search-field,.report-box .search-btn,.report-box .export-btn{width:100%}.report-box .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-box .chart-grid,.report-box .chart-content{grid-template-columns:1fr}.report-box .chart-canvas{max-width:280px;width:100%;margin:0 auto}}@media (max-width: 480px){.report-box .summary-grid{grid-template-columns:1fr}}.pauselog-page .top-icons,.pauselog-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:12px}.pauselog-page .grid-btn span{width:4px;height:4px;border-radius:50%;background:#333;display:block}.pauselog-page button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.pauselog-page button.logout{background:#444}.pauselog-page button.danger{background:#e74c3c}.pauselog-page button.secondary{background:#6c757d}.pauselog-page .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.pauselog-page .card{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.pauselog-page .cardHead{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}.pauselog-page h3{margin:0}.pauselog-page .agents,.pauselog-page .convs{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.pauselog-page .agent,.pauselog-page .conv{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.pauselog-page .row{display:flex;align-items:center;gap:8px}.pauselog-page .tabs{display:flex;gap:8px;flex-wrap:wrap}.pauselog-page .tab{background:#eee;color:#000}.pauselog-page .tab.on{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.pauselog-page .preview{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pauselog-page select{padding:8px;border-radius:10px;border:1px solid #ccc}.pauselog-page .muted{color:#777;font-size:12px}.pauselog-page .pill{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.pauselog-page .pill.READY{background:#e9f6ee;border-color:#bfe6cc}.pauselog-page .pill.LIVE{background:#4fc77d;border-color:#abe4be;color:#fafafa}.pauselog-page .pill.AWAY{background:#fff5e6;border-color:#ffe0a3}.pauselog-page .pill.OFFLINE{background:#f5f5f5;border-color:#ddd}.pauselog-page .pill.OPEN{background:#e9f6ee;border-color:#bfe6cc}.pauselog-page .pill.CLOSED{background:#f5f5f5;border-color:#ddd}.pauselog-page .pill.QUEUED{background:#fff5e6;border-color:#ffe0a3}.pauselog-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.pauselog-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.pauselog-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.pauselog-page .msg{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.pauselog-page .agentMsg{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.pauselog-page .visitorMsg{align-self:flex-start;background:#fff}.pauselog-page .botMsg{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.pauselog-page .systemMsg{align-self:center;background:#f1f1f1;max-width:90%}.pauselog-page .readOnlyBar{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.pauselog-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.pauselog-page .brand-logo{width:40px}@media (max-width: 900px){.pauselog-page .grid{grid-template-columns:1fr}.pauselog-page .sidebar{width:60px;min-width:60px;padding:10px 8px}.pauselog-page .grid-btn,.pauselog-page .icon-btn,.pauselog-page .avatar{width:38px;height:38px}.pauselog-page .top{flex-direction:column;align-items:flex-start;gap:10px}}.pauselog-page :root{--primary: #3b82f6;--primary-dark: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.pauselog-page body{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.pauselog-page .ds_mainContent{padding:10px;xmargin:0 auto}.pauselog-page .ds_header_container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.pauselog-page .ds_header_title h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.pauselog-page .ds_header_title p{margin:4px 0 0;color:#64748b;font-size:14px}.pauselog-page .ds_filters{display:flex;gap:12px;align-items:center}.pauselog-page .ds_filters select,.pauselog-page .ds_filters input{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.pauselog-page .ds_filters select:focus,.pauselog-page .ds_filters input:focus{border-color:#3b82f6}.pauselog-page .ds_search_btn{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pauselog-page .ds_search_btn:hover{background:#2563eb}.pauselog-page .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.pauselog-page .stat_card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.pauselog-page .stat_card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.pauselog-page .stat_card.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pauselog-page .stat_card .label{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.pauselog-page .stat_card.active .label{color:#fffc}.pauselog-page .stat_card .value{font-size:24px;font-weight:700;margin:0}.pauselog-page .stat_card .icon{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.pauselog-page .ds_panel_row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.pauselog-page .panel{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.pauselog-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b}.pauselog-page .ds_table{width:100%;border-collapse:collapse}.pauselog-page .ds_table th{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.pauselog-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.pauselog-page .ds_table tr:last-child td{border-bottom:none}.pauselog-page .status_badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.pauselog-page .status_badge:before{content:"";width:6px;height:6px;border-radius:50%}.pauselog-page .status_ready{background:#ecfdf5;color:#059669}.pauselog-page .status_ready:before{background:#059669}.pauselog-page .status_live{background:#eff6ff;color:#2563eb}.pauselog-page .status_live:before{background:#2563eb}.pauselog-page .status_break{background:#fffbeb;color:#d97706}.pauselog-page .status_break:before{background:#d97706}.pauselog-page .active_chats_count{color:#3b82f6;font-weight:600}.pauselog-page .activity_list{list-style:none;padding:0;margin:0}.pauselog-page .activity_item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.pauselog-page .activity_item:last-child{border-bottom:none}.pauselog-page .activity_icon{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.pauselog-page .activity_content{flex:1}.pauselog-page .activity_text{font-size:14px;margin:0;font-weight:500}.pauselog-page .activity_time{font-size:12px;color:#64748b;margin-top:4px}.pauselog-page .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.pauselog-page .time_good{background:#ecfdf5;color:#059669}.pauselog-page .time_warning{background:#fff7ed;color:#c2410c}.pauselog-page .time_danger{background:#fef2f2;color:#dc2626}.pauselog-page .status_waiting{color:#f59e0b;font-weight:600}.pauselog-page .ds_pageContainer{display:flex;height:100vh;overflow:hidden}.pauselog-page #sidebar{width:260px;height:100vh;flex-shrink:0;z-index:20}.pauselog-page .ds_viewWrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}.pauselog-page #topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.pauselog-page .ds_mainContent{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.pauselog-page .topbarLogo{height:16px;padding:0 0 1px 10px}.pauselog-page #sidebar{width:66px}.manager-contacts-page .dashboard-layout{display:flex;min-height:100vh;background:#f7f8fa;color:#0f172a}.manager-contacts-page .top-icons,.manager-contacts-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.manager-contacts-page .brand-btn{background:#f8fafc;border:1px solid #e5e7eb}.manager-contacts-page .brand-logo{width:22px;height:22px;object-fit:contain}.manager-contacts-page .brand-fallback{font-size:14px;font-weight:700;color:#2f80ed}.manager-contacts-page .app-header{height:68px;background:#fff;border-bottom:1px solid #dfe5ec;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.manager-contacts-page .header-left{display:flex;flex-direction:column;justify-content:center;min-width:0}.manager-contacts-page .header-left h2{margin:0;font-size:18px;font-weight:600;color:#111827;line-height:1.2}.manager-contacts-page .subtext{margin:2px 0 0;font-size:12px;color:#64748b}.manager-contacts-page .header-right{display:flex;align-items:center;gap:14px}.manager-contacts-page .profile{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid #e5e7eb}.manager-contacts-page .profile-badge{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.manager-contacts-page .profile-info{display:flex;flex-direction:column;min-width:0}.manager-contacts-page .profile-info .name{font-size:14px;font-weight:600;color:#0f172a;line-height:1.2}.manager-contacts-page .profile-info .email{margin-top:2px;font-size:12px;color:#64748b;text-transform:capitalize}.manager-contacts-page .logout-btn{width:38px;height:38px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;color:#64748b;font-size:16px;cursor:pointer;transition:all .2s ease}.manager-contacts-page .logout-btn:hover{background:#f8fafc;color:#0f172a}.manager-contacts-page .page-body{padding:20px;overflow-x:hidden}.manager-contacts-page .contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.manager-contacts-page .contacts-table{min-width:0}.manager-contacts-page .dt{overflow-x:auto}.manager-contacts-page .dt-table{min-width:760px}.manager-contacts-page .customer-details{position:sticky;top:88px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 12px 32px #0f172a0f}.manager-contacts-page .customer-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.manager-contacts-page .customer-avatar{width:44px;height:44px;border-radius:14px;background:#edf4ff;color:#2f80ed;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.manager-contacts-page .customer-title{min-width:0}.manager-contacts-page .customer-title h3,.manager-contacts-page .customer-empty h3{margin:0;color:#0f172a;font-size:16px;font-weight:700}.manager-contacts-page .customer-title p,.manager-contacts-page .customer-empty p{margin:4px 0 0;color:#64748b;font-size:13px}.manager-contacts-page .customer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.manager-contacts-page .customer-form{display:grid;gap:12px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #eef2f7}.manager-contacts-page .customer-form label{display:flex;flex-direction:column;gap:6px;color:#64748b;font-size:12px;font-weight:600}.manager-contacts-page .customer-form input{height:38px;border:1px solid #d9e1ea;border-radius:10px;padding:0 10px;color:#0f172a;font-size:14px;background:#fff}.manager-contacts-page .customer-form input:focus{outline:none;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.manager-contacts-page .customer-save{justify-self:start}.manager-contacts-page .customer-meta{margin:16px 0 0}.manager-contacts-page .customer-meta div{padding:12px 0;border-bottom:1px solid #f1f5f9}.manager-contacts-page .customer-meta div:last-child{border-bottom:none}.manager-contacts-page .customer-meta dt{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.manager-contacts-page .customer-meta dd{margin:6px 0 0;color:#0f172a;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.manager-contacts-page .customer-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.manager-contacts-page .customer-empty-icon{width:52px;height:52px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:22px}@media (max-width: 1180px){.manager-contacts-page .contacts-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width: 980px){.manager-contacts-page .contacts-layout{grid-template-columns:1fr}.manager-contacts-page .customer-details{position:static}}@media (max-width: 700px){.manager-contacts-page .sidebar{width:60px;min-width:60px}.manager-contacts-page .icon-btn,.manager-contacts-page .logout-btn,.manager-contacts-page .profile-badge{width:36px;height:36px}.manager-contacts-page .app-header{padding:0 12px}.manager-contacts-page .profile-info,.manager-contacts-page .subtext{display:none}.manager-contacts-page .profile{padding-left:10px}.manager-contacts-page .page-body{padding:12px}.manager-contacts-page .customer-details{padding:14px;border-radius:14px}}.manager-contacts-page .wa-btn{height:32px;width:32px;border-radius:8px;border:none;background:#25d366;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}.manager-contacts-page .pencil-btn{height:32px;width:32px;border-radius:8px;border:none;background:#eef2ee;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}.manager-contacts-page .wa-btn+.pencil-btn,.manager-contacts-page .pencil-btn+.pencil-btn{margin-left:6px}.manager-contacts-page .wa-btn:hover{background:#1ebe5d}.manager-contacts-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.manager-contacts-page .modal{width:360px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.manager-contacts-page .modal-header{padding:12px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.manager-contacts-page .close{background:none;border:none;cursor:pointer;font-size:16px}.manager-contacts-page .modal-body{padding:16px;display:flex;flex-direction:column;gap:10px}.manager-contacts-page .modal-body input{padding:10px;border-radius:8px;border:1px solid #ccc}.manager-contacts-page .modal-footer{padding:12px 16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:8px}.manager-contacts-page button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.manager-contacts-page .cancel{background:#eee}.manager-contacts-page .save{background:#16a34a;color:#fff}.wa-templates{flex:1;min-height:0;padding:24px;overflow:auto;background:radial-gradient(circle at top left,rgba(34,197,94,.08),transparent 34%),linear-gradient(180deg,#f8fafc,#f3f6fb)}.wa-templates .head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.wa-templates .head h2,.wa-templates .modal h3,.wa-templates .section-head h4,.wa-templates .modal-preview h4{margin:0;color:#0f172a}.wa-templates .head h2{font-size:30px;line-height:1.15;letter-spacing:-.03em}.wa-templates .head p,.wa-templates .modal-head p{margin:6px 0 0;color:#64748b;line-height:1.45}.wa-templates .head-actions,.wa-templates .toolbar,.wa-templates .row-actions,.wa-templates .page-actions,.wa-templates .modal-actions,.wa-templates .section-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wa-templates .toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 190px;gap:12px;margin-bottom:18px;padding:14px;background:#ffffffe0;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 16px 38px #0f172a0d}.wa-templates input,.wa-templates select,.wa-templates textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;background:#fff;font:inherit;min-height:42px;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.wa-templates textarea{padding-top:10px;padding-bottom:10px}.wa-templates input:focus,.wa-templates select:focus,.wa-templates textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e24}.wa-templates .toolbar input{max-width:none}.wa-templates .toolbar select,.wa-templates .page-actions select,.wa-templates .button-row select{width:100%}.wa-templates .btn{min-height:42px;border:1px solid #dbe5f1;border-radius:12px;padding:0 14px;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.wa-templates .btn.small{min-height:34px;padding:0 10px;font-size:12px}.wa-templates .btn.primary{border-color:#16a34a;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;box-shadow:0 12px 26px #22c55e38}.wa-templates .btn.danger{border-color:#fecaca;background:#fee2e2;color:#b91c1c}.wa-templates .btn:hover:not(:disabled){transform:translateY(-1px);border-color:#94a3b8;box-shadow:0 10px 22px #0f172a14}.wa-templates .btn:disabled{opacity:.6;cursor:not-allowed}.wa-templates .row-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;padding:3px;border:1px solid #dbe5f1;border-radius:999px;background:#f8fafc;white-space:nowrap;width:max-content}.wa-templates .row-actions .btn.small{min-height:30px;min-width:66px;border:0;border-radius:999px;padding:0 12px;background:transparent;box-shadow:none;flex:0 0 auto}.wa-templates .row-actions .btn.small:not(.danger){background:#dcfce7;color:#15803d}.wa-templates .row-actions .btn.small.danger{color:#b91c1c}.wa-templates .row-actions .btn:hover:not(:disabled){transform:none;box-shadow:none}.wa-templates .row-actions .btn.small.danger:hover:not(:disabled){background:#fee2e2}.wa-templates .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:18px;align-items:start}.wa-templates .card,.wa-templates .modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 44px #0f172a0f}.wa-templates .table-card{overflow:auto;min-width:0}.wa-templates .table{width:100%;min-width:900px;border-collapse:collapse}.wa-templates .table th{background:#f8fafc;padding:14px 16px;text-align:left;color:#475569;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e2e8f0}.wa-templates .table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;font-size:13px;vertical-align:middle;color:#172033}.wa-templates .table th:last-child,.wa-templates .action-cell{width:172px;min-width:172px}.wa-templates .action-cell{text-align:right}.wa-templates .table tbody tr{cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.wa-templates .table tbody tr:hover,.wa-templates .table tbody tr.active{background:#f0fdf4}.wa-templates .table tbody tr.active{box-shadow:inset 4px 0 #22c55e}.wa-templates .body-small{max-width:420px;margin-top:6px;color:#475569;font-size:12px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wa-templates .muted,.wa-templates .table small{color:#64748b;font-size:12px;margin-top:4px}.wa-templates .reject-note{margin-top:6px;color:#b91c1c;font-size:12px;font-weight:700}.wa-templates .badge,.wa-templates .quality{min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.wa-templates .badge.APPROVED,.wa-templates .quality-GREEN{background:#dcfce7;color:#15803d}.wa-templates .badge.PENDING,.wa-templates .badge.IN_APPEAL,.wa-templates .quality-UNKNOWN{background:#fef3c7;color:#92400e}.wa-templates .badge.REJECTED,.wa-templates .badge.DISABLED,.wa-templates .badge.DELETED,.wa-templates .quality-RED{background:#fee2e2;color:#b91c1c}.wa-templates .badge.PAUSED,.wa-templates .badge.LIMIT_EXCEEDED,.wa-templates .quality-YELLOW{background:#ffedd5;color:#c2410c}.wa-templates .empty{text-align:center;color:#64748b;padding:24px}.wa-templates .pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap;background:#fff}.wa-templates .page-info{color:#64748b;font-size:13px}.wa-templates .preview-panel{position:sticky;top:18px;max-height:calc(100vh - 116px);overflow:hidden;display:flex;min-width:0}.wa-templates .preview-content{width:100%;min-width:0;overflow:auto;padding:18px;display:grid;gap:16px;scrollbar-gutter:stable}.wa-templates .preview-head,.wa-templates .modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.wa-templates .preview-head{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.wa-templates .modal-head{margin-bottom:14px}.wa-templates .preview-head h3{margin:0;color:#0f172a;font-size:20px;line-height:1.25;overflow-wrap:anywhere}.wa-templates .preview-head p{margin:5px 0 0;color:#64748b;font-size:13px}.wa-templates .meta-grid,.wa-templates .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:0}.wa-templates .meta-grid div,.wa-templates .quality-note{background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:14px}.wa-templates .meta-grid label,.wa-templates .field span{display:block;color:#64748b;font-size:11px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.wa-templates .meta-grid strong{color:#0f172a;font-size:13px;overflow-wrap:anywhere}.wa-templates .quality-note{margin-bottom:0;color:#334155;font-size:13px;line-height:1.45}.wa-templates .wa-preview{position:relative;width:min(100%,350px);min-height:590px;margin:0 auto;display:flex;flex-direction:column;background:#efece6;border:9px solid #111827;border-radius:32px;min-width:0;overflow:hidden;box-shadow:0 24px 60px #0f172a38,inset 0 0 0 1px #ffffff59}.wa-templates .wa-mobile-head{min-height:122px;padding:26px 22px;display:flex;align-items:center;gap:14px;background:#0b6b5a;color:#fff}.wa-templates .wa-logo{width:56px;height:56px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:#25d366;color:#0f172a;font-size:28px;font-weight:900}.wa-templates .wa-mobile-head strong,.wa-templates .wa-mobile-head span{display:block}.wa-templates .wa-mobile-head strong{font-size:22px;line-height:1.15;letter-spacing:-.03em}.wa-templates .wa-mobile-head span{margin-top:4px;font-size:15px;font-weight:700;opacity:.9}.wa-templates .wa-screen{flex:1;min-height:0;padding:28px 12px 32px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.32) 0 4px,transparent 4px 12px),#e7e2da;overflow:auto}.wa-templates .wa-card{position:relative;z-index:1;background:#fff;border-radius:10px;padding:14px;width:100%;max-width:100%;margin:0 auto;box-shadow:0 2px 7px #0f172a2e}.wa-templates .preview-header img{width:100%;border-radius:10px;display:block;margin-bottom:10px}.wa-templates .media-placeholder{padding:28px;border-radius:10px;background:#f1f5f9;color:#64748b;text-align:center;font-weight:800;margin-bottom:10px}.wa-templates .wa-header-text{font-weight:800;margin-bottom:8px;color:#0f172a}.wa-templates .preview-body{white-space:pre-wrap;word-break:break-word;line-height:1.42;color:#0f172a;font-size:16px;font-weight:500}.wa-templates .preview-footer{margin-top:10px;font-size:12px;color:#64748b}.wa-templates .preview-buttons{margin-top:10px;display:grid;gap:8px}.wa-templates .btn-outline{border:0;color:#07f;padding:13px 10px;border-radius:10px;background:#fff;font-weight:800;font-size:16px;width:100%;box-shadow:0 2px 6px #0f172a1f}.wa-templates .btn-outline:before{content:"🔗";margin-right:6px}.wa-templates .template-json{margin-top:0;min-width:0}.wa-templates .template-json h4{margin:0 0 8px}.wa-templates .template-json pre{max-height:260px;overflow:auto;margin:0;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-size:12px;color:#334155}.wa-templates .empty-preview{min-height:300px;width:100%;padding:24px;display:flex;align-items:center;justify-content:center;color:#64748b;text-align:center}.wa-templates .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a73;padding:20px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.wa-templates .modal{width:100%;max-width:980px;max-height:calc(100dvh - 40px);margin:0 auto;overflow:auto;padding:0}.wa-templates .modal .modal-head{padding:18px 20px;border-bottom:1px solid #e2e8f0}.wa-templates .modal>.form-grid,.wa-templates .modal>.field,.wa-templates .buttons-editor,.wa-templates .modal-preview,.wa-templates .modal-actions{margin-left:20px;margin-right:20px}.wa-templates .modal>.form-grid{margin-top:18px;margin-bottom:14px}.wa-templates .close-btn{width:36px;height:36px;border:none;border-radius:50%;background:#e2e8f0;cursor:pointer;font-size:22px}.wa-templates .field{display:block;margin-bottom:12px}.wa-templates .field small{display:block;margin-top:5px;color:#64748b}.wa-templates .buttons-editor{margin-top:14px}.wa-templates .section-head{justify-content:space-between;margin-bottom:10px}.wa-templates .button-row{display:grid;grid-template-columns:170px minmax(180px,1fr) minmax(220px,1fr) 42px;gap:8px;margin-bottom:8px;align-items:center}.wa-templates .button-row .btn.danger{width:42px;padding:0}.wa-templates .modal-preview{margin-top:16px}.wa-templates .modal-actions{justify-content:flex-end;margin-top:18px;margin-bottom:20px;padding-top:16px;border-top:1px solid #e2e8f0}.wa-templates .toast{position:fixed;right:20px;bottom:20px;z-index:1200;background:#0f172a;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 35px #0f172a40}@media (max-width: 1100px){.wa-templates .layout{grid-template-columns:1fr}.wa-templates .preview-panel{position:static;max-height:none}}@media (max-width: 760px){.wa-templates{padding:12px}.wa-templates .head h2{font-size:24px}.wa-templates .head,.wa-templates .head-actions,.wa-templates .page-actions,.wa-templates .pagination,.wa-templates .modal-actions{flex-direction:column;align-items:stretch}.wa-templates .toolbar{grid-template-columns:1fr;padding:12px}.wa-templates .head-actions .btn,.wa-templates .page-actions .btn{width:100%}.wa-templates .toolbar input,.wa-templates .toolbar select,.wa-templates .page-actions select{width:100%;max-width:none}.wa-templates .meta-grid,.wa-templates .form-grid,.wa-templates .button-row{grid-template-columns:1fr}.wa-templates .modal-overlay{padding:0}.wa-templates .modal{width:100%;min-height:100vh;max-height:none;border-radius:0}.wa-templates .modal-head{position:sticky;top:0;z-index:2;background:#fff;padding:14px 16px;border-bottom:1px solid #e2e8f0}.wa-templates .modal>.form-grid,.wa-templates .modal>.field,.wa-templates .buttons-editor,.wa-templates .modal-preview,.wa-templates .modal-actions{margin-left:14px;margin-right:14px}.wa-templates .wa-preview{width:min(100%,318px);min-height:480px;border-width:7px;border-radius:32px}.wa-templates .wa-mobile-head{min-height:104px;padding:22px 18px}.wa-templates .wa-logo{width:48px;height:48px;font-size:24px}.wa-templates .wa-mobile-head strong{font-size:19px}.wa-templates .wa-screen{padding:22px 10px 28px}.wa-templates .preview-content,.wa-templates .empty-preview{padding:14px}}.wa-templates-page .dashboard-layout{display:flex;min-height:100vh;background:#f7f8fa;font-family:Inter,Arial,sans-serif;color:#0f172a}.wa-templates-page .top-icons,.wa-templates-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:18px}.wa-templates-page .grid-btn span{width:6px;height:6px;border-radius:50%;background:#2f80ed}.wa-templates-page .app-header{height:64px;background:#fff;border-bottom:1px solid #dfe5ec;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.wa-templates-page .left h2{margin:0;font-size:18px;font-weight:600;color:#111827}.wa-templates-page .right{display:flex;align-items:center;gap:18px}.wa-templates-page .workflow-btn{height:40px;border:none;border-radius:12px;padding:0 18px;background:#2f80ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #2f80ed2e}.wa-templates-page .plus{font-size:16px;line-height:1}.wa-templates-page .profile{display:flex;align-items:center;gap:10px;padding-left:6px;border-left:1px solid #e5e7eb}.wa-templates-page .profile-badge{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.wa-templates-page .profile-info .name{font-size:14px;font-weight:600;color:#0f172a}.wa-templates-page .profile-info .email{margin-top:3px;font-size:13px;color:#475569}.wa-templates-page .logout-btn{width:38px;height:38px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;cursor:pointer;color:#64748b;font-size:16px}.wa-templates-page .page-body{padding:24px 18px 28px}.wa-templates-page .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.wa-templates-page .page-head h1{margin:0;font-size:22px;font-weight:700;color:#111827}.wa-templates-page .page-head p{margin:8px 0 0;font-size:15px;color:#1e3a5f}.wa-templates-page .toolbar{display:flex;align-items:center;gap:18px}.wa-templates-page .search-box{width:305px;height:38px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 12px}.wa-templates-page .search-icon{color:#64748b;font-size:18px;margin-right:10px}.wa-templates-page .search-box input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#334155}.wa-templates-page .manage-btn{height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;padding:0 16px;font-size:15px;font-weight:600;cursor:pointer}.wa-templates-page .cards-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:36px}.wa-templates-page .channel-card{background:#fff;border:1px solid #dbe2ea;border-radius:18px;min-height:290px;padding:16px 22px 18px;display:flex;flex-direction:column;transition:.2s ease}.wa-templates-page .channel-card:hover{box-shadow:0 8px 22px #0f172a0f;transform:translateY(-2px)}.wa-templates-page .card-top-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wa-templates-page .status-badge{font-size:12px;font-weight:700;border-radius:999px;padding:6px 10px}.wa-templates-page .status-badge.active{background:#dcfce7;color:#166534}.wa-templates-page .status-badge.draft{background:#fef3c7;color:#92400e}.wa-templates-page .icon-action{border:none;background:transparent;cursor:pointer;font-size:16px;color:#64748b}.wa-templates-page .icon-wrap{display:flex;justify-content:center;margin-bottom:12px}.wa-templates-page .icon-box{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:#2f80ed;display:grid;place-items:center;font-size:18px}.wa-templates-page .channel-card h3{margin:0;text-align:center;font-size:18px;line-height:1.35;color:#173a67;font-weight:700;cursor:pointer}.wa-templates-page .channel-card p{margin:10px auto 0;max-width:250px;text-align:center;font-size:15px;line-height:1.65;color:#173a67;min-height:72px}.wa-templates-page .card-row{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-templates-page .nodes{font-size:15px;font-weight:500;color:#173a67}.wa-templates-page .action-group{display:flex;align-items:center;gap:8px}.wa-templates-page .edit-btn{min-width:70px;height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;font-size:14px;font-weight:600;cursor:pointer}.wa-templates-page .test-btn{min-width:82px;height:38px;border:none;border-radius:10px;background:#23b79c;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.wa-templates-page .play{font-size:12px}.wa-templates-page .divider{height:1px;background:#e6edf5;margin:12px 0 14px}.wa-templates-page .footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.wa-templates-page .footer-text{font-size:13px;color:#173a67}.wa-templates-page .publish-btn{border:none;background:#eef2ff;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer}.wa-templates-page .empty-state{background:#fff;border:1px dashed #cfd8e3;border-radius:16px;padding:40px;text-align:center;color:#64748b}.wa-templates-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.wa-templates-page .modal{width:min(1200px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0f172a29}.wa-templates-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.wa-templates-page .modal-head h2{margin:0;font-size:22px;color:#111827}.wa-templates-page .close-btn{border:none;background:transparent;font-size:28px;cursor:pointer}.wa-templates-page .modal-body{padding:20px}.wa-templates-page .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wa-templates-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.wa-templates-page .form-group label{font-size:14px;font-weight:600;color:#111827}.wa-templates-page .form-group input,.wa-templates-page .form-group select,.wa-templates-page .form-group textarea{border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff}.wa-templates-page .steps-header,.wa-templates-page .json-head,.wa-templates-page .choice-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.wa-templates-page .steps-header h3,.wa-templates-page .json-head h3,.wa-templates-page .choice-head h4{margin:0}.wa-templates-page .small-btn{border:none;background:#eef2ff;color:#1d4ed8;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:600}.wa-templates-page .steps-list{display:flex;flex-direction:column;gap:14px}.wa-templates-page .step-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafafa}.wa-templates-page .step-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wa-templates-page .step-id{font-size:16px;font-weight:700;color:#173a67}.wa-templates-page .remove-btn,.wa-templates-page .remove-choice{border:none;background:#fee2e2;color:#b91c1c;border-radius:10px;padding:8px 10px;cursor:pointer}.wa-templates-page .choice-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px;margin-bottom:10px}.wa-templates-page .json-box{margin-top:20px}.wa-templates-page .json-box pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;overflow:auto;font-size:13px;line-height:1.5}.wa-templates-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border-top:1px solid #e5e7eb}.wa-templates-page .secondary-btn,.wa-templates-page .primary-btn{border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:600}.wa-templates-page .secondary-btn{background:#eef2f7;color:#183b67}.wa-templates-page .primary-btn{background:#2f80ed;color:#fff}.wa-templates-page .brand-logo{width:40px}@media (max-width: 1400px){.wa-templates-page .cards-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (max-width: 1100px){.wa-templates-page .cards-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.wa-templates-page .page-head{flex-direction:column;align-items:stretch}.wa-templates-page .form-grid{grid-template-columns:1fr}}@media (max-width: 700px){.wa-templates-page .cards-grid{grid-template-columns:1fr}.wa-templates-page .toolbar{flex-direction:column;align-items:stretch}.wa-templates-page .search-box{width:100%}.wa-templates-page .right{gap:10px}.wa-templates-page .profile-info{display:none}}.email-templates-page{padding:16px;display:flex;flex-direction:column;gap:16px}.email-templates-page .panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.email-templates-page .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.email-templates-page .panel-head h2,.email-templates-page .panel-head h3{margin:0;font-size:18px}.email-templates-page .muted{color:#64748b;font-size:13px;margin:4px 0 0}.email-templates-page .head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email-templates-page input[type=text],.email-templates-page input[type=search],.email-templates-page select,.email-templates-page textarea{padding:9px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box;width:100%;font-family:inherit}.email-templates-page textarea{resize:vertical}.email-templates-page button{padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:600;cursor:pointer;white-space:nowrap}.email-templates-page button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.email-templates-page button.danger{border-color:#fecaca;color:#dc2626}.email-templates-page button:disabled{opacity:.6;cursor:not-allowed}.email-templates-page .table-wrap{overflow-x:auto}.email-templates-page table{width:100%;border-collapse:collapse;font-size:14px}.email-templates-page th,.email-templates-page td{text-align:left;padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.email-templates-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.email-templates-page .right{text-align:right}.email-templates-page .empty{text-align:center;color:#94a3b8;padding:22px}.email-templates-page .subject-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-templates-page .row-actions{display:inline-flex;gap:6px}.email-templates-page .type-pill,.email-templates-page .status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #e2e8f0}.email-templates-page .type-pill.html{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.email-templates-page .type-pill.text{background:#f1f5f9;color:#475569}.email-templates-page .status-pill.on{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.email-templates-page .status-pill.off{background:#f8fafc;color:#94a3b8}.email-templates-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.email-templates-page label{display:block;font-size:13px;font-weight:600;color:#334155}.email-templates-page label input,.email-templates-page label select,.email-templates-page label textarea{margin-top:6px;font-weight:400}.email-templates-page label.full{display:block;margin-bottom:12px}.email-templates-page .editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.email-templates-page .preview-params{margin-top:12px;max-width:420px}.email-templates-page .preview-subject{margin-bottom:10px;font-size:14px}.email-templates-page .preview-frame{width:100%;min-height:320px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.email-templates-page .preview-text{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-size:13px;margin:0}@media (max-width: 768px){.email-templates-page{padding:10px}.email-templates-page .head-actions{width:100%}}.email-broadcast-page{padding:16px;display:flex;flex-direction:column;gap:16px}.email-broadcast-page .panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.email-broadcast-page .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.email-broadcast-page .panel-head h2,.email-broadcast-page .panel-head h3{margin:0;font-size:18px}.email-broadcast-page .muted{color:#64748b;font-size:13px;margin:4px 0 0}.email-broadcast-page .head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email-broadcast-page input[type=text],.email-broadcast-page input[type=search],.email-broadcast-page select,.email-broadcast-page textarea{padding:9px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box;width:100%;font-family:inherit}.email-broadcast-page textarea{resize:vertical}.email-broadcast-page button{padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:600;cursor:pointer;white-space:nowrap}.email-broadcast-page button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.email-broadcast-page button.danger{border-color:#fecaca;color:#dc2626}.email-broadcast-page button:disabled{opacity:.6;cursor:not-allowed}.email-broadcast-page .table-wrap{overflow-x:auto}.email-broadcast-page table{width:100%;border-collapse:collapse;font-size:14px}.email-broadcast-page th,.email-broadcast-page td{text-align:left;padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.email-broadcast-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.email-broadcast-page .right{text-align:right}.email-broadcast-page .empty{text-align:center;color:#94a3b8;padding:22px}.email-broadcast-page .subject-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-broadcast-page .row-actions{display:inline-flex;gap:6px}.email-broadcast-page .type-pill,.email-broadcast-page .status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #e2e8f0}.email-broadcast-page .type-pill.html{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.email-broadcast-page .type-pill.text{background:#f1f5f9;color:#475569}.email-broadcast-page .status-pill.on{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.email-broadcast-page .status-pill.off{background:#f8fafc;color:#94a3b8}.email-broadcast-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.email-broadcast-page label{display:block;font-size:13px;font-weight:600;color:#334155}.email-broadcast-page label input,.email-broadcast-page label select,.email-broadcast-page label textarea{margin-top:6px;font-weight:400}.email-broadcast-page label.full{display:block;margin-bottom:12px}.email-broadcast-page .editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.email-broadcast-page .preview-params{margin-top:12px;max-width:420px}.email-broadcast-page .preview-subject{margin-bottom:10px;font-size:14px}.email-broadcast-page .preview-frame{width:100%;min-height:320px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.email-broadcast-page .preview-text{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-size:13px;margin:0}@media (max-width: 768px){.email-broadcast-page{padding:10px}.email-broadcast-page .head-actions{width:100%}}.email-broadcast-page .recipients-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px}.email-broadcast-page .recipients-head small{display:block}.email-broadcast-page .recipients-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.email-broadcast-page .recipient-count{margin-top:6px;font-size:13px;color:#475569}.email-broadcast-page .failed{color:#dc2626}.email-broadcast-page .file-btn{display:inline-block;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-weight:600;font-size:13px;cursor:pointer}.email-broadcast-page .file-btn input{display:none}.email-broadcast-page .throttle{margin:14px 0;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}.email-broadcast-page .throttle summary{cursor:pointer;font-weight:600;font-size:13px}.email-broadcast-page .btn-link{display:inline-block;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.email-broadcast-page .status-pill.draft{background:#f1f5f9;color:#475569}.email-broadcast-page .status-pill.queued{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.email-broadcast-page .status-pill.sending{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.email-broadcast-page .status-pill.completed{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.email-broadcast-page .status-pill.paused{background:#f8fafc;color:#94a3b8}.email-broadcast-page .status-pill.failed{background:#fef2f2;color:#dc2626;border-color:#fecaca}.email-report-page{padding:16px;display:flex;flex-direction:column;gap:16px}.email-report-page .panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.email-report-page .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.email-report-page .panel-head h2,.email-report-page .panel-head h3{margin:0;font-size:18px}.email-report-page .muted{color:#64748b;font-size:13px;margin:4px 0 0}.email-report-page .head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email-report-page input[type=text],.email-report-page input[type=search],.email-report-page select,.email-report-page textarea{padding:9px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box;width:100%;font-family:inherit}.email-report-page textarea{resize:vertical}.email-report-page button{padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:600;cursor:pointer;white-space:nowrap}.email-report-page button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.email-report-page button.danger{border-color:#fecaca;color:#dc2626}.email-report-page button:disabled{opacity:.6;cursor:not-allowed}.email-report-page .table-wrap{overflow-x:auto}.email-report-page table{width:100%;border-collapse:collapse;font-size:14px}.email-report-page th,.email-report-page td{text-align:left;padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.email-report-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.email-report-page .right{text-align:right}.email-report-page .empty{text-align:center;color:#94a3b8;padding:22px}.email-report-page .subject-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-report-page .row-actions{display:inline-flex;gap:6px}.email-report-page .type-pill,.email-report-page .status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #e2e8f0}.email-report-page .type-pill.html{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.email-report-page .type-pill.text{background:#f1f5f9;color:#475569}.email-report-page .status-pill.on{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.email-report-page .status-pill.off{background:#f8fafc;color:#94a3b8}.email-report-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.email-report-page label{display:block;font-size:13px;font-weight:600;color:#334155}.email-report-page label input,.email-report-page label select,.email-report-page label textarea{margin-top:6px;font-weight:400}.email-report-page label.full{display:block;margin-bottom:12px}.email-report-page .editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.email-report-page .preview-params{margin-top:12px;max-width:420px}.email-report-page .preview-subject{margin-bottom:10px;font-size:14px}.email-report-page .preview-frame{width:100%;min-height:320px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.email-report-page .preview-text{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-size:13px;margin:0}@media (max-width: 768px){.email-report-page{padding:10px}.email-report-page .head-actions{width:100%}}.email-report-page .btn-link{display:inline-block;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.email-report-page .live-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}.email-report-page .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.email-report-page .stat{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#f8fafc}.email-report-page .stat span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.email-report-page .stat b{font-size:24px}.email-report-page .stat.sent b{color:#059669}.email-report-page .stat.failed b{color:#dc2626}.email-report-page .stat.pending b{color:#ea580c}.email-report-page .stat.suppressed b{color:#94a3b8}.email-report-page .detail-cell{max-width:320px;font-size:13px;color:#64748b}.email-report-page .status-pill.sent{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.email-report-page .status-pill.failed{background:#fef2f2;color:#dc2626;border-color:#fecaca}.email-report-page .status-pill.pending,.email-report-page .status-pill.sending{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.email-report-page .status-pill.suppressed{background:#f8fafc;color:#94a3b8}.broadcast-layout{min-height:100vh;display:flex;background:linear-gradient(110deg,#eef9f1,#f8fbff 35%,#fff)}.broadcast-layout .broadcast-main{flex:1;min-width:0;padding:26px 22px}.broadcast-layout .broadcast-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.broadcast-layout .top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.broadcast-layout .broadcast-top h1{margin:0;font-size:34px;color:#0f172a}.broadcast-layout .broadcast-top p{color:#64748b;font-size:18px;margin-top:6px}.broadcast-layout .broadcast-grid{display:grid;grid-template-columns:470px minmax(0,1fr);gap:28px}.broadcast-layout .card{background:#ffffffeb;border:1px solid #dbe5f1;border-radius:24px;box-shadow:0 20px 48px #0f172a0f}.broadcast-layout .analytics-card{padding:22px;margin-bottom:26px}.broadcast-layout .report-head p{margin:4px 0 0;color:#64748b}.broadcast-layout .report-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.broadcast-layout .report-filter select{min-width:240px}.broadcast-layout .metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.broadcast-layout .metric{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#f8fafc}.broadcast-layout .metric span,.broadcast-layout .metric small{display:block;color:#64748b;font-weight:700}.broadcast-layout .metric strong{display:block;margin-top:8px;color:#0f172a;font-size:28px}.broadcast-layout .success-metric{background:#f0fdf4;border-color:#bbf7d0}.broadcast-layout .read-metric{background:#eff6ff;border-color:#bfdbfe}.broadcast-layout .danger-metric{background:#fef2f2;border-color:#fecaca}.broadcast-layout .report-grid{display:grid;gap:18px}.broadcast-layout .report-table-wrap{overflow-x:auto}.broadcast-layout .report-table{min-width:980px}.broadcast-layout .rate-pill,.broadcast-layout .delivery-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.broadcast-layout .rate-pill{margin-right:4px;background:#e0f2fe;color:#0369a1}.broadcast-layout .rate-pill.danger{background:#fee2e2;color:#dc2626}.broadcast-layout .delivery-badge.pending{background:#f1f5f9;color:#475569}.broadcast-layout .delivery-badge.sent{background:#dbeafe;color:#1d4ed8}.broadcast-layout .delivery-badge.delivered{background:#dcfce7;color:#15803d}.broadcast-layout .delivery-badge.read{background:#ede9fe;color:#6d28d9}.broadcast-layout .delivery-badge.failed{background:#fee2e2;color:#dc2626}.broadcast-layout .template-panel,.broadcast-layout .campaign-panel{padding:24px}.broadcast-layout .template-tools,.broadcast-layout .settings-grid,.broadcast-layout .campaign-form-grid,.broadcast-layout .recipient-row,.broadcast-layout .actions-row{display:grid;gap:12px}.broadcast-layout .template-tools{grid-template-columns:1fr 154px;margin-bottom:18px}.broadcast-layout .template-list{max-height:calc(100vh - 260px);overflow:auto;display:grid;gap:14px;padding-right:4px}.broadcast-layout .template-card{text-align:left;padding:16px;border:1px solid #dbe5f1;border-radius:18px;background:#fff;color:#17233b;cursor:pointer}.broadcast-layout .template-card.active{border-color:#22c55e;box-shadow:0 10px 28px #22c55e24}.broadcast-layout .template-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.broadcast-layout .template-card p{margin-top:10px;color:#334155;line-height:1.48}.broadcast-layout .status{border-radius:999px;background:#dcfce7;color:#15803d;font-size:12px;font-weight:800;padding:6px 10px}.broadcast-layout .safe-box,.broadcast-layout .schedule-box{border:1px solid #bfdbfe;background:linear-gradient(180deg,#f8fbff,#f9fbff);border-radius:20px;padding:18px;margin:12px 0 18px}.broadcast-layout .settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.broadcast-layout .campaign-form-grid{grid-template-columns:minmax(0,1fr) 448px}.broadcast-layout .campaign-fields{display:grid;gap:12px}.broadcast-layout .preview-box{min-height:250px;border:1px dashed #cbd5e1;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:24px;color:#64748b;text-align:center}.broadcast-layout .wa-preview{width:100%;max-width:360px;background:#e9f7df;border-radius:16px;padding:16px;color:#17233b;text-align:left}.broadcast-layout .upload-box{border:1px dashed #9db5d6;border-radius:18px;padding:18px}.broadcast-layout .recipients-head,.broadcast-layout .section-head,.broadcast-layout .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.broadcast-layout .recipient-list{display:grid;gap:10px;margin-bottom:18px}.broadcast-layout .recipient-row{grid-template-columns:1fr 1fr minmax(220px,1.4fr) 48px;align-items:center}.broadcast-layout input,.broadcast-layout select{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:13px 16px;background:#fff;min-width:0}.broadcast-layout label span{display:block;margin-bottom:6px;color:#334155;font-weight:700}.broadcast-layout label small,.broadcast-layout .upload-box small{display:block;margin-top:6px;color:#64748b}.broadcast-layout button{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer}.broadcast-layout .link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;font-weight:800}.broadcast-layout .primary,.broadcast-layout .success{background:#22c55e;color:#fff;box-shadow:0 12px 24px #22c55e38}.broadcast-layout .secondary{background:#e2e8f0;color:#0f172a}.broadcast-layout .remove{background:#fee2e2;color:#dc2626}.broadcast-layout .toast-inline{color:#15803d;font-weight:800}.broadcast-layout .history{margin-top:22px}.broadcast-layout .history-table-wrap{overflow-x:auto}.broadcast-layout table{width:100%;min-width:760px;border-collapse:collapse}.broadcast-layout th,.broadcast-layout td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}.broadcast-layout .empty{color:#64748b;text-align:center;padding:24px}@media (max-width: 1100px){.broadcast-layout .broadcast-grid,.broadcast-layout .campaign-form-grid,.broadcast-layout .settings-grid,.broadcast-layout .metric-grid{grid-template-columns:1fr}.broadcast-layout .template-list{max-height:420px}}@media (max-width: 700px){.broadcast-layout .broadcast-main{padding:74px 12px 14px}.broadcast-layout .broadcast-top,.broadcast-layout .recipients-head,.broadcast-layout .section-head,.broadcast-layout .report-filter{align-items:flex-start;flex-direction:column}.broadcast-layout .top-actions,.broadcast-layout .top-actions button,.broadcast-layout .top-actions .link-button,.broadcast-layout .report-filter,.broadcast-layout .report-filter select,.broadcast-layout .report-filter button{width:100%}.broadcast-layout .broadcast-top h1{font-size:28px}.broadcast-layout .template-tools,.broadcast-layout .recipient-row,.broadcast-layout .actions-row{grid-template-columns:1fr}.broadcast-layout .card{border-radius:18px}}.report-layout{min-height:100vh;display:flex;background:linear-gradient(110deg,#eef9f1,#f8fbff 35%,#fff)}.report-layout .report-main{flex:1;min-width:0;padding:26px 22px}.report-layout .report-top,.report-layout .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.report-layout .report-top h1{margin:0;font-size:34px;color:#0f172a}.report-layout .report-top p,.report-layout .report-head p{color:#64748b;font-size:17px;margin-top:6px}.report-layout .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.report-layout .card{background:#ffffffeb;border:1px solid #dbe5f1;border-radius:24px;box-shadow:0 20px 48px #0f172a0f}.report-layout .analytics-card{padding:22px}.report-layout .report-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-layout .report-filter select{min-width:240px}.report-layout input,.report-layout select{border:1px solid #cbd5e1;border-radius:14px;padding:13px 16px;background:#fff;min-width:0}.report-layout button,.report-layout .link-button{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.report-layout .primary,.report-layout .success{background:#22c55e;color:#fff;box-shadow:0 12px 24px #22c55e38}.report-layout .secondary{background:#e2e8f0;color:#0f172a}.report-layout .metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.report-layout .metric{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#f8fafc}.report-layout .metric span,.report-layout .metric small{display:block;color:#64748b;font-weight:700}.report-layout .metric strong{display:block;margin-top:8px;color:#0f172a;font-size:28px}.report-layout .success-metric{background:#f0fdf4;border-color:#bbf7d0}.report-layout .read-metric{background:#eff6ff;border-color:#bfdbfe}.report-layout .danger-metric{background:#fef2f2;border-color:#fecaca}.report-layout .report-grid{display:grid;gap:18px}.report-layout .report-table-wrap{overflow-x:auto}.report-layout .report-table{width:100%;min-width:980px;border-collapse:collapse}.report-layout th,.report-layout td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}.report-layout .rate-pill,.report-layout .delivery-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.report-layout .rate-pill{margin-right:4px;background:#e0f2fe;color:#0369a1}.report-layout .rate-pill.danger{background:#fee2e2;color:#dc2626}.report-layout .delivery-badge.pending{background:#f1f5f9;color:#475569}.report-layout .delivery-badge.sent{background:#dbeafe;color:#1d4ed8}.report-layout .delivery-badge.delivered{background:#dcfce7;color:#15803d}.report-layout .delivery-badge.read{background:#ede9fe;color:#6d28d9}.report-layout .delivery-badge.failed{background:#fee2e2;color:#dc2626}.report-layout .empty{color:#64748b;text-align:center;padding:24px}@media (max-width: 1100px){.report-layout .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.report-layout .report-main{padding:74px 12px 14px}.report-layout .report-top,.report-layout .section-head,.report-layout .top-actions,.report-layout .report-filter{align-items:flex-start;flex-direction:column}.report-layout .report-top h1{font-size:28px}.report-layout .report-filter,.report-layout .report-filter select,.report-layout .report-filter input,.report-layout .report-filter button,.report-layout .link-button{width:100%}.report-layout .metric-grid{grid-template-columns:1fr}.report-layout .card{border-radius:18px}}.app-toast.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 24px)}.app-toast .toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-left:5px solid #3b82f6;border-radius:14px;padding:14px 14px 14px 12px;box-shadow:0 10px 25px #0f172a1f}.app-toast .toast-left{display:flex;align-items:flex-start;gap:12px;flex:1}.app-toast .toast-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0;background:#eff6ff;color:#2563eb}.app-toast .toast-title{font-size:14px;font-weight:700;color:#111827;margin-bottom:3px}.app-toast .toast-message{font-size:14px;line-height:1.45;color:#475569;word-break:break-word}.app-toast .toast-close{border:none;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:0}.app-toast .toast-close:hover{color:#334155}.app-toast .toast.success{border-left-color:#10b981}.app-toast .toast.success .toast-icon{background:#ecfdf5;color:#059669}.app-toast .toast.error{border-left-color:#ef4444}.app-toast .toast.error .toast-icon{background:#fef2f2;color:#dc2626}.app-toast .toast.warning{border-left-color:#f59e0b}.app-toast .toast.warning .toast-icon{background:#fffbeb;color:#d97706}.app-toast .toast.info{border-left-color:#3b82f6}.app-toast .toast.info .toast-icon{background:#eff6ff;color:#2563eb}.app-toast .toast-enter-active,.app-toast .toast-leave-active{transition:all .25s ease}.app-toast .toast-enter-from,.app-toast .toast-leave-to{opacity:0;transform:translate(30px)}.app-toast .toast-move{transition:transform .25s ease}@media (max-width: 640px){.app-toast.toast-container{top:12px;right:12px;left:12px;width:auto;max-width:none}}.groups-layout{display:flex;min-height:100vh;background:#f6f8fb}.groups-layout .groups-main{flex:1;min-width:0;padding:24px;box-sizing:border-box}.groups-layout .groups-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.groups-layout .eyebrow{margin:0 0 4px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.groups-layout .groups-topbar h1{margin:0;font-size:24px}.groups-layout .top-actions{display:flex;align-items:center;gap:10px}.groups-layout .notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.5;margin-bottom:16px}.groups-layout .panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:16px}.groups-layout .panel h3{margin:0 0 12px;font-size:16px}.groups-layout .create-row{display:flex;gap:10px}.groups-layout .create-row input{flex:1;padding:10px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px}.groups-layout .table-wrap{overflow-x:auto}.groups-layout table{width:100%;border-collapse:collapse}.groups-layout th,.groups-layout td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f5;font-size:13.5px}.groups-layout th{color:#64748b;font-weight:700;font-size:12px;text-transform:uppercase}.groups-layout .right{text-align:right}.groups-layout .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.groups-layout .empty{text-align:center;color:#94a3b8;padding:24px}.groups-layout .alert{border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:12px}.groups-layout .alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.groups-layout .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:8px 0}.groups-layout .detail-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.groups-layout .detail-card h4{margin:0;font-size:13px;color:#334155}.groups-layout .link-text{word-break:break-all}.groups-layout .detail-card input,.groups-layout .detail-card textarea{padding:8px 10px;border:1px solid #d1d9e6;border-radius:8px;font-size:13px;resize:vertical}.groups-layout .primary-btn,.groups-layout .secondary-btn,.groups-layout .ghost-btn,.groups-layout .mini-btn,.groups-layout .danger-btn{border:none;cursor:pointer;border-radius:8px;font-weight:600;font-size:13px}.groups-layout .primary-btn{background:#2f80ed;color:#fff;padding:9px 16px}.groups-layout .secondary-btn{background:#eef4ff;color:#1d4ed8;padding:8px 14px}.groups-layout .ghost-btn{background:#fff;color:#183b67;border:1px solid #cfd8e3;padding:8px 14px}.groups-layout .mini-btn{background:#eef4ff;color:#1d4ed8;padding:6px 12px}.groups-layout .danger-btn{background:#fef2f2;color:#b91c1c;padding:8px 14px}.groups-layout button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){.groups-layout{flex-direction:column}}.wa-config-page.dashboard-layout{display:flex;min-height:100vh;background:#f6f8fb}.wa-config-page .account-tools{width:280px;min-width:280px;background:linear-gradient(180deg,#f7f3fb,#eef7ff);border-right:1px solid #e5e7eb;padding:34px 24px;box-sizing:border-box}.wa-config-page .tools-title{display:flex;align-items:center;gap:14px;color:#21313d;margin-bottom:28px}.wa-config-page .tools-title h3{margin:0;font-size:24px;line-height:1}.wa-config-page .tools-icon{width:34px;height:34px;border:2px solid #21313d;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.wa-config-page .tools-menu{display:grid;gap:8px}.wa-config-page .tool-link{display:block;padding:14px 22px;border-radius:8px;color:#21313d;font-size:22px;line-height:1.15;text-decoration:none;transition:background .18s ease,color .18s ease}.wa-config-page .tool-link:hover,.wa-config-page .tool-link.active{background:#263947;color:#fff}.wa-config-page .tool-link.disabled{color:#7b8794;cursor:not-allowed}.wa-config-page .tool-link.disabled:hover{background:transparent;color:#7b8794}.wa-config-page .main-area{flex:1;min-width:0}.wa-config-page .app-header{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px}.wa-config-page .app-header h2{margin:0;font-size:18px;font-weight:700}.wa-config-page .page-body{padding:20px}.wa-config-page .page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.wa-config-page .page-head h1{margin:0 0 6px;font-size:24px}.wa-config-page .page-head p{margin:0;color:#64748b}.wa-config-page .toolbar{display:flex;gap:10px}.wa-config-page .primary-btn,.wa-config-page .secondary-btn,.wa-config-page .toggle-btn{border:none;cursor:pointer;border-radius:10px;font-weight:600}.wa-config-page .primary-btn{background:#2f80ed;color:#fff;padding:10px 16px}.wa-config-page .secondary-btn{background:#fff;color:#183b67;border:1px solid #cfd8e3;padding:10px 16px}.wa-config-page .primary-btn:disabled,.wa-config-page .secondary-btn:disabled,.wa-config-page .toggle-btn:disabled{opacity:.6;cursor:not-allowed}.wa-config-page .cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wa-config-page .card{background:#fff;padding:20px;border-radius:14px;border:1px solid #e5e7eb}.wa-config-page .card h3{margin:0 0 16px;font-size:18px}.wa-config-page input,.wa-config-page textarea{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box}.wa-config-page .field-help{display:block;margin:-6px 0 12px;color:#6b7280;font-size:12px;line-height:1.35}.wa-config-page .embedded-signup-help{margin:-12px 0 20px}.wa-config-page .profile-photo-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.wa-config-page .profile-photo-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.wa-config-page .profile-photo-placeholder{width:64px;height:64px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:11px;text-align:center;border:1px dashed #cbd5e1}.wa-config-page textarea{resize:vertical;min-height:120px}.wa-config-page .password-wrap{display:flex;gap:8px;margin-bottom:12px}.wa-config-page .password-wrap input{margin-bottom:0;flex:1}.wa-config-page .toggle-btn{background:#eef4ff;color:#1d4ed8;padding:0 14px;white-space:nowrap}.wa-config-page .checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:14px;font-weight:600}.wa-config-page .checkbox-row input{width:auto;margin:0}@media (max-width: 900px){.wa-config-page.dashboard-layout{flex-direction:column}.wa-config-page .account-tools{width:100%;min-width:0;padding:16px;border-right:0;border-bottom:1px solid #e5e7eb}.wa-config-page .tools-title{margin-bottom:12px}.wa-config-page .tools-title h3{font-size:20px}.wa-config-page .tools-menu{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.wa-config-page .tool-link{white-space:nowrap;font-size:16px;padding:10px 14px}.wa-config-page .cards-grid{grid-template-columns:1fr}.wa-config-page .page-head{flex-direction:column}}.wa-flows-list.flow-layout{display:flex;min-height:100vh;background:#f6f8fb;color:#0f172a}.wa-flows-list .flow-main{flex:1;min-width:0;padding:24px}.wa-flows-list .flow-topbar,.wa-flows-list .panel,.wa-flows-list .modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.wa-flows-list .flow-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;margin-bottom:18px}.wa-flows-list .eyebrow{margin:0 0 6px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa-flows-list h1,.wa-flows-list h2{margin:0}.wa-flows-list .top-actions,.wa-flows-list .row-actions,.wa-flows-list .modal-actions,.wa-flows-list .filters,.wa-flows-list .form-grid{display:flex;gap:10px;align-items:center}.wa-flows-list .panel{padding:18px}.wa-flows-list .filters{margin-bottom:16px;flex-wrap:wrap}.wa-flows-list input,.wa-flows-list select,.wa-flows-list textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:#fff}.wa-flows-list input:focus,.wa-flows-list select:focus,.wa-flows-list textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.wa-flows-list .filters input{max-width:360px}.wa-flows-list .filters select{max-width:180px}.wa-flows-list .primary-btn,.wa-flows-list .secondary-btn,.wa-flows-list .ghost-btn,.wa-flows-list .mini-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;min-height:40px;padding:0 14px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.wa-flows-list .primary-btn{background:#2563eb;color:#fff}.wa-flows-list .secondary-btn,.wa-flows-list .ghost-btn,.wa-flows-list .mini-btn{background:#fff;color:#1e293b;border-color:#cbd5e1}.wa-flows-list .mini-btn{min-height:34px;padding:0 10px;font-size:12px}.wa-flows-list .mini-btn.warn{color:#b45309;border-color:#fed7aa}.wa-flows-list .mini-btn.danger{color:#dc2626;border-color:#fecaca}.wa-flows-list button:disabled{opacity:.6;cursor:not-allowed}.wa-flows-list .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;font-weight:700}.wa-flows-list .alert.error{background:#fef2f2;color:#b91c1c}.wa-flows-list .alert.success{background:#ecfdf5;color:#047857}.wa-flows-list .table-wrap{overflow-x:auto}.wa-flows-list table{width:100%;border-collapse:collapse;min-width:980px}.wa-flows-list th,.wa-flows-list td{padding:16px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}.wa-flows-list th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.wa-flows-list .right{text-align:right}.wa-flows-list .row-actions{justify-content:flex-end;flex-wrap:wrap}.wa-flows-list .flow-name{font-weight:900}.wa-flows-list .muted{color:#64748b;font-size:13px;margin-top:4px}.wa-flows-list .status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#eff6ff;color:#1d4ed8}.wa-flows-list .status-pill.published{background:#dcfce7;color:#15803d}.wa-flows-list .status-pill.deprecated{background:#fef3c7;color:#b45309}.wa-flows-list .empty{text-align:center;color:#64748b;padding:34px}.wa-flows-list .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;background:#0f172a73;padding:18px}.wa-flows-list .modal-card{width:min(680px,100%);padding:20px}.wa-flows-list .modal-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.wa-flows-list .icon-close{width:38px;height:38px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;font-size:24px}.wa-flows-list label{display:grid;gap:7px;margin-bottom:12px;color:#334155;font-size:13px;font-weight:800}.wa-flows-list .form-grid{align-items:start}.wa-flows-list .form-grid>label{flex:1}@media (max-width: 900px){.wa-flows-list .flow-main{padding:70px 14px 18px}.wa-flows-list .flow-topbar,.wa-flows-list .top-actions,.wa-flows-list .filters,.wa-flows-list .form-grid,.wa-flows-list .modal-actions{flex-direction:column;align-items:stretch}.wa-flows-list .filters input,.wa-flows-list .filters select{max-width:none}.wa-flows-list .flow-topbar,.wa-flows-list .panel{border-radius:18px;padding:16px}}.wa-flow-create.flow-layout{display:flex;min-height:100vh;background:#f6f8fb;color:#0f172a}.wa-flow-create .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-create .flow-topbar,.wa-flow-create .panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.wa-flow-create .flow-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;margin-bottom:18px}.wa-flow-create .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.wa-flow-create .editor-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px}.wa-flow-create .panel{padding:20px}.wa-flow-create .panel-head,.wa-flow-create .actions,.wa-flow-create .json-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-flow-create .eyebrow{margin:0 0 6px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa-flow-create h1,.wa-flow-create h2{margin:0}.wa-flow-create .muted{color:#64748b;margin:8px 0 18px}.wa-flow-create label{display:grid;gap:7px;margin-bottom:13px;color:#334155;font-size:13px;font-weight:800}.wa-flow-create .switch-row{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.wa-flow-create .switch-row small{display:block;margin-top:4px;color:#64748b;font-weight:600}.wa-flow-create .switch-row input{width:20px;height:20px;padding:0}.wa-flow-create input,.wa-flow-create textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:#fff}.wa-flow-create input:focus,.wa-flow-create textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.wa-flow-create .json-editor{min-height:620px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical}.wa-flow-create .primary-btn,.wa-flow-create .secondary-btn,.wa-flow-create .ghost-btn,.wa-flow-create .file-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;min-height:40px;padding:0 14px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.wa-flow-create .primary-btn{background:#2563eb;color:#fff}.wa-flow-create .secondary-btn,.wa-flow-create .ghost-btn,.wa-flow-create .file-btn{background:#fff;color:#1e293b;border-color:#cbd5e1}.wa-flow-create .file-btn input{display:none}.wa-flow-create .alert{border-radius:14px;padding:12px 14px;margin:14px 0;background:#fef2f2;color:#b91c1c;font-weight:800}@media (max-width: 980px){.wa-flow-create .flow-main{padding:70px 14px 18px}.wa-flow-create .flow-topbar,.wa-flow-create .top-actions,.wa-flow-create .editor-grid,.wa-flow-create .panel-head,.wa-flow-create .actions,.wa-flow-create .json-actions{display:flex;flex-direction:column;align-items:stretch}.wa-flow-create .flow-topbar,.wa-flow-create .panel{border-radius:18px;padding:16px}.wa-flow-create .json-editor{min-height:420px}}.wa-flow-edit.flow-layout{display:flex;min-height:100vh;background:#f6f8fb;color:#0f172a}.wa-flow-edit .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-edit .flow-topbar,.wa-flow-edit .panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.wa-flow-edit .flow-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;margin-bottom:18px}.wa-flow-edit .editor-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px}.wa-flow-edit .panel{padding:20px}.wa-flow-edit .logs-panel{margin-top:18px}.wa-flow-edit .panel-head,.wa-flow-edit .top-actions,.wa-flow-edit .json-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-flow-edit .eyebrow{margin:0 0 6px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa-flow-edit h1,.wa-flow-edit h2{margin:0}.wa-flow-edit .muted{color:#64748b;margin:8px 0 18px}.wa-flow-edit label{display:grid;gap:7px;margin-bottom:13px;color:#334155;font-size:13px;font-weight:800}.wa-flow-edit input,.wa-flow-edit select,.wa-flow-edit textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:#fff}.wa-flow-edit input:focus,.wa-flow-edit select:focus,.wa-flow-edit textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.wa-flow-edit .json-editor{min-height:560px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical}.wa-flow-edit .primary-btn,.wa-flow-edit .secondary-btn,.wa-flow-edit .ghost-btn,.wa-flow-edit .file-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;min-height:40px;padding:0 14px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.wa-flow-edit .primary-btn{background:#2563eb;color:#fff}.wa-flow-edit .secondary-btn,.wa-flow-edit .ghost-btn,.wa-flow-edit .file-btn{background:#fff;color:#1e293b;border-color:#cbd5e1}.wa-flow-edit .secondary-btn.warn{color:#b45309;border-color:#fed7aa}.wa-flow-edit .secondary-btn.danger{color:#dc2626;border-color:#fecaca}.wa-flow-edit .file-btn input{display:none}.wa-flow-edit .stack-actions{display:grid;gap:10px;margin-top:16px}.wa-flow-edit button:disabled{opacity:.6;cursor:not-allowed}.wa-flow-edit .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;font-weight:800}.wa-flow-edit .alert.error{background:#fef2f2;color:#b91c1c}.wa-flow-edit .alert.success{background:#ecfdf5;color:#047857}.wa-flow-edit .table-wrap{overflow-x:auto}.wa-flow-edit table{width:100%;min-width:760px;border-collapse:collapse}.wa-flow-edit th,.wa-flow-edit td{padding:13px 8px;border-bottom:1px solid #e2e8f0;text-align:left}.wa-flow-edit th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.wa-flow-edit .status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#dcfce7;color:#15803d}.wa-flow-edit .status-pill.error{background:#fee2e2;color:#b91c1c}.wa-flow-edit .empty{text-align:center;color:#64748b;padding:26px}@media (max-width: 980px){.wa-flow-edit .flow-main{padding:70px 14px 18px}.wa-flow-edit .flow-topbar,.wa-flow-edit .editor-grid,.wa-flow-edit .panel-head,.wa-flow-edit .top-actions,.wa-flow-edit .json-actions{display:flex;flex-direction:column;align-items:stretch}.wa-flow-edit .flow-topbar,.wa-flow-edit .panel{border-radius:18px;padding:16px}.wa-flow-edit .json-editor{min-height:420px}}.wa-flow-preview.flow-layout{display:flex;min-height:100vh;background:#f6f8fb;color:#0f172a}.wa-flow-preview .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-preview .flow-topbar,.wa-flow-preview .panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.wa-flow-preview .flow-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px;margin-bottom:18px}.wa-flow-preview .top-actions{display:flex;gap:10px}.wa-flow-preview .eyebrow{margin:0 0 6px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa-flow-preview h1,.wa-flow-preview h2,.wa-flow-preview h3,.wa-flow-preview h4,.wa-flow-preview p{margin-top:0}.wa-flow-preview .preview-grid{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:22px;align-items:start}.wa-flow-preview .phone-frame{display:flex;justify-content:center}.wa-flow-preview .phone-shell{width:min(420px,100%);border:16px solid #111827;border-radius:42px;overflow:hidden;background:#e7e0d4;box-shadow:0 24px 80px #0f172a47}.wa-flow-preview .phone-head{display:flex;align-items:center;gap:16px;padding:24px;background:#0b6b5a;color:#fff}.wa-flow-preview .phone-head h2{margin:0 0 4px;font-size:24px}.wa-flow-preview .phone-head p{margin:0;opacity:.9}.wa-flow-preview .wa-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#064e3b;font-size:26px;font-weight:900}.wa-flow-preview .chat-bg{padding:24px;min-height:650px;background:repeating-linear-gradient(45deg,#ffffff40 0,#ffffff40 4px,#ffffff14 4px,#ffffff14 8px),#e7e0d4}.wa-flow-preview .message-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 7px #0f172a24}.wa-flow-preview .message-card h3{font-size:20px;margin-bottom:18px}.wa-flow-preview .preview-heading{font-size:18px;margin:16px 0 10px}.wa-flow-preview .preview-text{color:#1f2937;line-height:1.5;margin-bottom:14px}.wa-flow-preview .input-preview,.wa-flow-preview .component-chip,.wa-flow-preview .flow-cta{width:100%;min-height:44px;border-radius:12px;border:1px solid #d7dee8;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:10px;color:#334155;background:#f8fafc}.wa-flow-preview .input-preview strong{color:#ef4444}.wa-flow-preview .flow-cta{justify-content:center;background:#fff;color:#0b7cff;font-weight:900;cursor:default}.wa-flow-preview .time-row{text-align:right;color:#94a3b8;font-size:13px;font-weight:800;margin-top:12px}.wa-flow-preview .panel{padding:20px}.wa-flow-preview .muted{color:#64748b;margin-bottom:18px}.wa-flow-preview .screen-btn{width:100%;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:13px 14px;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-weight:800;cursor:pointer}.wa-flow-preview .screen-btn.active{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.wa-flow-preview .screen-btn small{color:#64748b}.wa-flow-preview .json-title{margin-top:24px}.wa-flow-preview pre{max-height:420px;overflow:auto;padding:14px;border-radius:14px;background:#0f172a;color:#dbeafe;font-size:12px}.wa-flow-preview .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:#fef2f2;color:#b91c1c;font-weight:800}.wa-flow-preview .ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #cbd5e1;min-height:40px;padding:0 14px;color:#1e293b;background:#fff;font-weight:800;text-decoration:none}.wa-flow-preview .empty-preview{color:#64748b;text-align:center;padding:34px 10px}@media (max-width: 980px){.wa-flow-preview .flow-main{padding:70px 14px 18px}.wa-flow-preview .flow-topbar,.wa-flow-preview .top-actions,.wa-flow-preview .preview-grid{display:flex;flex-direction:column;align-items:stretch}.wa-flow-preview .flow-topbar,.wa-flow-preview .panel{border-radius:18px;padding:16px}.wa-flow-preview .phone-shell{border-width:10px;border-radius:32px}.wa-flow-preview .chat-bg{min-height:520px;padding:16px}}.wa-flow-submissions.flow-layout{display:flex;min-height:100vh;background:#f6f8fb;color:#0f172a}.wa-flow-submissions .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-submissions .flow-topbar,.wa-flow-submissions .panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 18px 45px #0f172a0f}.wa-flow-submissions .flow-topbar,.wa-flow-submissions .panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.wa-flow-submissions .flow-topbar{padding:22px 24px;margin-bottom:18px}.wa-flow-submissions .panel{padding:20px}.wa-flow-submissions .logs-panel{margin-top:18px}.wa-flow-submissions .top-actions{display:flex;gap:10px}.wa-flow-submissions .eyebrow{margin:0 0 6px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa-flow-submissions h1,.wa-flow-submissions h2{margin:0}.wa-flow-submissions .muted{color:#64748b;margin:8px 0 0}.wa-flow-submissions .ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #cbd5e1;min-height:40px;padding:0 14px;color:#1e293b;background:#fff;font-weight:800;text-decoration:none;cursor:pointer}.wa-flow-submissions .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:#fef2f2;color:#b91c1c;font-weight:800}.wa-flow-submissions .table-wrap{overflow-x:auto;margin-top:18px}.wa-flow-submissions table{width:100%;min-width:920px;border-collapse:collapse}.wa-flow-submissions th,.wa-flow-submissions td{padding:14px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.wa-flow-submissions th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.wa-flow-submissions pre{max-width:620px;max-height:180px;overflow:auto;margin:0;padding:12px;border-radius:12px;background:#0f172a;color:#dbeafe;font-size:12px}.wa-flow-submissions .status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#dcfce7;color:#15803d}.wa-flow-submissions .status-pill.error{background:#fee2e2;color:#b91c1c}.wa-flow-submissions .empty{text-align:center;color:#64748b;padding:28px}@media (max-width: 900px){.wa-flow-submissions .flow-main{padding:70px 14px 18px}.wa-flow-submissions .flow-topbar,.wa-flow-submissions .panel-head,.wa-flow-submissions .top-actions{flex-direction:column;align-items:stretch}.wa-flow-submissions .flow-topbar,.wa-flow-submissions .panel{border-radius:18px;padding:16px}}.channel-settings-page.layout{min-height:100vh;display:flex;background:#f4f7fb;color:#0f172a}.channel-settings-page .main-area{flex:1;min-width:0}.channel-settings-page .top{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;background:#fff;border-bottom:1px solid #e2e8f0}.channel-settings-page .top small{color:#64748b}.channel-settings-page .actions,.channel-settings-page .footer-actions{display:flex;gap:10px}.channel-settings-page button{border:1px solid #cbd5e1;border-radius:12px;padding:10px 14px;background:#fff;color:#0f172a;font-weight:900;cursor:pointer}.channel-settings-page button.primary{border-color:#16a34a;background:#16a34a;color:#fff}.channel-settings-page button.logout{border-color:#fecaca;color:#dc2626}.channel-settings-page button:disabled{cursor:not-allowed;opacity:.65}.channel-settings-page .settings-page{padding:24px}.channel-settings-page .hero,.channel-settings-page .form-card,.channel-settings-page .empty{border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 16px 40px #0f172a0f}.channel-settings-page .hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding:22px;background:linear-gradient(135deg,#eff6ff,#fff)}.channel-settings-page .hero h1,.channel-settings-page .form-head h2{margin:0}.channel-settings-page .hero p,.channel-settings-page .form-head p{margin:6px 0 0;color:#64748b;font-weight:700}.channel-settings-page .channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.channel-settings-page .channel-card{display:flex;align-items:center;gap:10px;min-height:86px;text-align:left;border-color:#e2e8f0}.channel-settings-page .channel-card.active{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a24}.channel-settings-page .channel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f1f5f9;font-size:18px}.channel-settings-page .channel-card b,.channel-settings-page .channel-card small{display:block}.channel-settings-page .channel-card small{margin-top:3px;color:#64748b;font-size:11px}.channel-settings-page .channel-card em{margin-left:auto;color:#94a3b8;font-size:11px;font-style:normal}.channel-settings-page .channel-card em.on{color:#16a34a}.channel-settings-page .form-card{padding:22px}.channel-settings-page .form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.channel-settings-page .switch-row{display:flex;align-items:center;gap:8px;font-weight:900}.channel-settings-page .form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.channel-settings-page label{display:flex;flex-direction:column;gap:7px;color:#475569;font-size:12px;font-weight:900}.channel-settings-page input,.channel-settings-page textarea,.channel-settings-page select{width:100%;min-height:42px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;color:#0f172a;background:#fff}.channel-settings-page textarea{resize:vertical}.channel-settings-page .password-wrap{display:flex;gap:8px}.channel-settings-page .password-wrap input{flex:1}.channel-settings-page .password-wrap button{flex-shrink:0}.channel-settings-page .webhook-card{margin-top:20px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.channel-settings-page .webhook-card h3,.channel-settings-page .embed-card h3{margin:0 0 14px}.channel-settings-page .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.channel-settings-page .section-head h3{margin:0}.channel-settings-page .section-head p,.channel-settings-page .field-help{margin:5px 0 0;color:#64748b;font-size:12px;font-weight:800}.channel-settings-page .openai-card{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff)}.channel-settings-page .usage-card{margin-top:20px;padding:18px;border:1px solid #dbeafe;border-radius:18px;background:#fff}.channel-settings-page .usage-filters,.channel-settings-page .usage-summary,.channel-settings-page .usage-grid{display:grid;gap:12px}.channel-settings-page .usage-filters{grid-template-columns:repeat(5,minmax(120px,1fr));align-items:end;margin-bottom:14px}.channel-settings-page .usage-summary{grid-template-columns:repeat(6,minmax(110px,1fr))}.channel-settings-page .metric-card{padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.channel-settings-page .metric-card span,.channel-settings-page .budget-bar span{display:block;color:#64748b;font-size:12px;font-weight:900}.channel-settings-page .metric-card b{display:block;margin-top:6px;font-size:20px}.channel-settings-page .budget-bar{margin-top:14px;padding:14px;border:1px solid #bbf7d0;border-radius:16px;background:#f0fdf4}.channel-settings-page .budget-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.channel-settings-page .bar-track{height:10px;overflow:hidden;border-radius:999px;background:#dcfce7}.channel-settings-page .bar-track span{display:block;height:100%;border-radius:inherit;background:#16a34a}.channel-settings-page .usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.channel-settings-page .usage-grid section{min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.channel-settings-page .usage-grid h4{margin:0 0 10px}.channel-settings-page .usage-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e2e8f0;color:#334155;font-weight:800}.channel-settings-page .empty-line{color:#94a3b8;font-weight:800}.channel-settings-page .usage-table-wrap{margin-top:14px;overflow:auto;border:1px solid #e2e8f0;border-radius:16px}.channel-settings-page .usage-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.channel-settings-page .usage-table th,.channel-settings-page .usage-table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.channel-settings-page .usage-table th{color:#475569;font-size:12px;text-transform:uppercase}.channel-settings-page .status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:900}.channel-settings-page .status-pill.error{background:#fee2e2;color:#b91c1c}.channel-settings-page .embed-card{margin-top:20px;padding:18px;border:1px solid #bbf7d0;border-radius:18px;background:#f0fdf4}.channel-settings-page .embed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.channel-settings-page .embed-head p{margin:-8px 0 0;color:#64748b;font-weight:700}.channel-settings-page .embed-head code{padding:2px 5px;border-radius:6px;background:#dcfce7;color:#166534}.channel-settings-page .key-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px solid #bbf7d0;border-radius:10px;background:#fff;color:#334155;font-size:13px;font-weight:800}.channel-settings-page .key-row label{flex:1;min-width:0}.channel-settings-page .key-row input{width:100%;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.channel-settings-page .key-row button{flex:0 0 auto;min-height:42px;padding:0 14px;border:0;border-radius:10px;background:#0f172a;color:#fff;font-weight:900;cursor:pointer}.channel-settings-page .embed-code{min-height:230px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;color:#0f172a;background:#fff}.channel-settings-page .embed-help{display:block;margin-top:8px;color:#64748b;font-weight:700}.channel-settings-page .notes{margin-top:14px}.channel-settings-page .footer-actions{justify-content:flex-end;margin-top:20px}.channel-settings-page .widget-appearance-card h4{margin:22px 0 12px;padding-top:16px;border-top:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.channel-settings-page .widget-appearance-card h4:first-of-type{margin-top:6px;padding-top:0;border-top:0}.channel-settings-page .appearance-intro{margin:-6px 0 4px;color:#64748b;font-size:12px;font-weight:700;line-height:1.6}.channel-settings-page .appearance-intro code,.channel-settings-page .embed-help code{padding:1px 5px;border-radius:5px;background:#e2e8f0;color:#0f172a;font-size:11px}.channel-settings-page .color-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.channel-settings-page .color-field-row{display:flex;gap:8px;align-items:center}.channel-settings-page .color-field-row input[type=text]{flex:1;min-width:0}.channel-settings-page .color-field-row input[type=color]{width:42px;min-width:42px;padding:2px;cursor:pointer}.channel-settings-page .inline-check{flex-direction:row;align-items:center;gap:10px;align-self:end;min-height:42px}.channel-settings-page .inline-check input[type=checkbox]{width:auto;min-height:0;margin:0}.channel-settings-page label small{color:#64748b;font-size:11px;font-weight:700;line-height:1.5}.channel-settings-page textarea.custom-css{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.channel-settings-page .empty{padding:30px;text-align:center;font-weight:900}@media (max-width: 1100px){.channel-settings-page .channel-grid,.channel-settings-page .form-grid,.channel-settings-page .color-grid,.channel-settings-page .usage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-settings-page .usage-filters,.channel-settings-page .usage-grid{grid-template-columns:1fr}}@media (max-width: 760px){.channel-settings-page .top,.channel-settings-page .hero,.channel-settings-page .form-head,.channel-settings-page .section-head,.channel-settings-page .embed-head{align-items:stretch;flex-direction:column}.channel-settings-page .settings-page{padding:14px}.channel-settings-page .channel-grid,.channel-settings-page .form-grid,.channel-settings-page .color-grid,.channel-settings-page .usage-filters,.channel-settings-page .usage-summary,.channel-settings-page .usage-grid{grid-template-columns:1fr}.channel-settings-page .budget-bar>div:first-child{flex-direction:column}}.filestorage-layout{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(219,234,254,.9),transparent 34%),linear-gradient(135deg,#f8fafc,#eef6ff 46%,#f8fafc)}.filestorage-layout .page{flex:1;min-width:0;height:100vh;overflow:auto;padding:24px;color:#0f172a}.filestorage-layout .topbar,.filestorage-layout .grid{margin-left:auto;margin-right:auto}.filestorage-layout .topbar,.filestorage-layout .card{border:1px solid rgba(203,213,225,.86);box-shadow:0 18px 45px #0f172a12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filestorage-layout .topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:20px;border-radius:22px;background:#ffffffd1}.filestorage-layout .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.filestorage-layout .titleBlock{min-width:0}.filestorage-layout .eyebrow{display:inline-flex;margin-bottom:8px;border-radius:999px;padding:5px 10px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.filestorage-layout h1,.filestorage-layout h3,.filestorage-layout p{margin:0}.filestorage-layout .topbar h1{color:#0f172a;font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.04em}.filestorage-layout .topbar p,.filestorage-layout .hint,.filestorage-layout .empty,.filestorage-layout .cardSub,.filestorage-layout .sectionHead span{color:#64748b;font-size:14px}.filestorage-layout .grid{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:20px;align-items:start}.filestorage-layout .card{background:#ffffffeb;border-radius:22px;padding:20px}.filestorage-layout .listCard{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.filestorage-layout .formCard{min-width:0}.filestorage-layout .cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.filestorage-layout .formHead{align-items:center}.filestorage-layout .cardTitle{color:#0f172a;font-size:18px;font-weight:800}.filestorage-layout .cardSub{margin-top:4px}.filestorage-layout .countBadge{min-width:34px;height:34px;border-radius:12px;background:#eff6ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.filestorage-layout .storageItem{width:100%;border:1px solid #e5edf8;background:#ffffffeb;color:#0f172a;border-radius:16px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;margin-bottom:10px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.filestorage-layout .storageItem:hover{border-color:#bfdbfe;box-shadow:0 12px 26px #2563eb1a;transform:translateY(-1px)}.filestorage-layout .storageItem.active{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 16px 34px #2563eb29}.filestorage-layout .storageMain{min-width:0;flex:1}.filestorage-layout .storageNameRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filestorage-layout .storageNameRow b{min-width:0;overflow:hidden;text-overflow:ellipsis}.filestorage-layout .storageItem small{display:block;color:#64748b;margin-top:4px;text-transform:capitalize}.filestorage-layout .providerBadge{border-radius:999px;padding:3px 8px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:900}.filestorage-layout .folderPreview{margin-top:9px;color:#475569;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filestorage-layout .statusStack{flex:0 0 auto}.filestorage-layout .pill{align-self:flex-start;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.filestorage-layout .default{background:#dcfce7;color:#166534}.filestorage-layout .activePill{background:#dbeafe;color:#1d4ed8}.filestorage-layout .off{background:#fee2e2;color:#991b1b}.filestorage-layout .formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.filestorage-layout .field{display:flex;flex-direction:column;gap:7px;color:#334155;font-size:13px;font-weight:700}.filestorage-layout .span2{grid-column:span 2}.filestorage-layout input,.filestorage-layout select,.filestorage-layout textarea{min-width:0;border:1px solid #cbd5e1;border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease}.filestorage-layout input:focus,.filestorage-layout select:focus,.filestorage-layout textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.filestorage-layout textarea{width:100%;resize:vertical;margin-top:10px}.filestorage-layout .providerBox{margin-top:18px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#fff);border-radius:18px;padding:16px}.filestorage-layout .sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.filestorage-layout .providerBox h3{color:#0f172a;font-size:16px}.filestorage-layout .switchRow{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-top:18px}.filestorage-layout .actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:18px -20px -20px;padding:14px 20px;border-top:1px solid #e2e8f0;border-radius:0 0 22px 22px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filestorage-layout .storageSwitch{position:relative;display:inline-flex;align-items:center;gap:8px;color:#334155;font-weight:700}.filestorage-layout .storageSwitch input{position:absolute;width:1px;height:1px;opacity:0}.filestorage-layout .switchTrack{flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative}.filestorage-layout .switchTrack:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s ease}.filestorage-layout .switchText{line-height:1.25}.filestorage-layout .storageSwitch input:checked+.switchTrack{background:#2563eb}.filestorage-layout .storageSwitch input:checked+.switchTrack:after{transform:translate(18px)}.filestorage-layout .storageSwitch input:focus-visible+.switchTrack{box-shadow:0 0 0 4px #2563eb29}.filestorage-layout button{border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.filestorage-layout button:hover:not(:disabled){transform:translateY(-1px)}.filestorage-layout button:disabled{cursor:not-allowed;opacity:.65}.filestorage-layout .primary{background:#16a34a;color:#fff;box-shadow:0 12px 24px #16a34a38}.filestorage-layout .ghost{background:#eef2f7;color:#334155}.filestorage-layout .danger{background:#fee2e2;color:#991b1b}.filestorage-layout .emptyState{display:grid;gap:6px;padding:18px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}.filestorage-layout .emptyState b{color:#0f172a}.filestorage-layout .message{margin-top:16px;border-radius:12px;padding:11px 12px;background:#dcfce7;color:#166534;font-weight:700}.filestorage-layout .message.error{background:#fee2e2;color:#991b1b}@media (max-width: 1180px){.filestorage-layout .grid{grid-template-columns:320px minmax(0,1fr)}}@media (max-width: 980px){.filestorage-layout .page{height:auto;min-height:100vh;padding:64px 14px 18px}.filestorage-layout .topbar{align-items:stretch;flex-direction:column;padding:16px}.filestorage-layout .actions button{flex:1}.filestorage-layout .grid,.filestorage-layout .formGrid{grid-template-columns:1fr}.filestorage-layout .listCard{position:static;max-height:360px}.filestorage-layout .span2{grid-column:auto}.filestorage-layout .switchRow{align-items:stretch;flex-direction:column}.filestorage-layout .storageSwitch{justify-content:flex-start;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}}@media (max-width: 640px){.filestorage-layout .actions{flex-direction:column}.filestorage-layout .topbar-actions,.filestorage-layout .topbar-actions .primary,.filestorage-layout .actions button{width:100%}.filestorage-layout .topbar-actions{align-items:stretch;flex-direction:column}.filestorage-layout .card{padding:16px;border-radius:18px}.filestorage-layout .actions{margin:18px -16px -16px;padding:12px 16px;border-radius:0 0 18px 18px}.filestorage-layout .storageItem{flex-direction:column}.filestorage-layout .statusStack{width:100%}}.bots-list-page.dashboard-layout{display:flex;min-height:100vh;background:#f7f8fa;font-family:Inter,Arial,sans-serif;color:#0f172a}.bots-list-page .sidebar{width:68px;background:#fff;border-right:1px solid #dfe5ec;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0}.bots-list-page .top-icons,.bots-list-page .bottom-icons{display:flex;flex-direction:column;align-items:center;gap:18px}.bots-list-page .grid-btn{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,6px);gap:3px;place-content:center;border:none;background:transparent;cursor:pointer}.bots-list-page .grid-btn span{width:6px;height:6px;border-radius:50%;background:#2f80ed}.bots-list-page .icon-btn{width:34px;height:34px;border:none;background:transparent;border-radius:10px;font-size:16px;color:#64748b;cursor:pointer}.bots-list-page .icon-btn.active{background:#edf4ff;color:#2f80ed}.bots-list-page .avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-size:12px;font-weight:700}.bots-list-page .main-area{flex:1;display:flex;flex-direction:column;min-width:0}.bots-list-page .app-header{height:64px;background:#fff;border-bottom:1px solid #dfe5ec;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.bots-list-page .left h2{margin:0;font-size:18px;font-weight:600;color:#111827}.bots-list-page .right{display:flex;align-items:center;gap:18px}.bots-list-page .workflow-btn{height:40px;border:none;border-radius:12px;padding:0 18px;background:#2f80ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #2f80ed2e}.bots-list-page .plus{font-size:16px;line-height:1}.bots-list-page .profile{display:flex;align-items:center;gap:10px;padding-left:6px;border-left:1px solid #e5e7eb}.bots-list-page .profile-badge{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.bots-list-page .profile-info .name{font-size:14px;font-weight:600;color:#0f172a}.bots-list-page .profile-info .email{margin-top:3px;font-size:13px;color:#475569}.bots-list-page .logout-btn{width:38px;height:38px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;cursor:pointer;color:#64748b;font-size:16px}.bots-list-page .page-body{padding:24px 18px 28px}.bots-list-page .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.bots-list-page .page-head h1{margin:0;font-size:22px;font-weight:700;color:#111827}.bots-list-page .page-head p{margin:8px 0 0;font-size:15px;color:#1e3a5f}.bots-list-page .toolbar{display:flex;align-items:center;gap:18px}.bots-list-page .search-box{width:305px;height:38px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 12px}.bots-list-page .search-icon{color:#64748b;font-size:18px;margin-right:10px}.bots-list-page .search-box input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#334155}.bots-list-page .manage-btn{height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;padding:0 16px;font-size:15px;font-weight:600;cursor:pointer}.bots-list-page .flows-table-card{overflow:hidden;background:#fff;border:1px solid #dbe2ea;border-radius:18px;box-shadow:0 8px 22px #0f172a0a}.bots-list-page .flows-table-scroll{width:100%;overflow-x:auto}.bots-list-page .flows-table{width:100%;min-width:940px;border-collapse:collapse}.bots-list-page .flows-table th{padding:16px 18px;border-bottom:1px solid #dbe2ea;color:#475569;font-size:12px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.bots-list-page .flows-table td{padding:16px 18px;border-bottom:1px solid #edf2f7;color:#173a67;font-size:14px;vertical-align:middle}.bots-list-page .flows-table tbody tr:last-child td{border-bottom:0}.bots-list-page .flows-table tbody tr:hover{background:#f8fbff}.bots-list-page .flow-name-cell{border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-width:230px;padding:0;text-align:left}.bots-list-page .flow-name-cell strong{display:block;color:#0f172a;font-size:15px;font-weight:800;line-height:1.25}.bots-list-page .flow-name-cell small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:600}.bots-list-page .flow-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#edf4ff;color:#2f80ed;display:grid;place-items:center;font-size:18px}.bots-list-page .flow-desc{max-width:360px;color:#334155;line-height:1.5}.bots-list-page .nodes-cell,.bots-list-page .modified-cell{color:#475569;white-space:nowrap}.bots-list-page .actions-col{text-align:right}.bots-list-page .status-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:999px;padding:6px 10px;white-space:nowrap}.bots-list-page .channel-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;white-space:nowrap}.bots-list-page .channel-badge.whatsapp{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.bots-list-page .trigger-badge{display:inline-flex;align-items:center;max-width:220px;padding:3px 9px;border:1px solid #fde68a;border-radius:6px;background:#fffbeb;color:#92400e;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bots-list-page .muted-cell{color:#94a3b8;font-size:13px}.bots-list-page .status-badge.active{background:#dcfce7;color:#166534}.bots-list-page .status-badge.draft{background:#fef3c7;color:#92400e}.bots-list-page .table-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;white-space:nowrap}.bots-list-page .edit-btn{min-width:70px;height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;font-size:14px;font-weight:600;cursor:pointer}.bots-list-page .test-btn{min-width:82px;height:38px;border:none;border-radius:10px;background:#23b79c;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.bots-list-page .play{font-size:12px}.bots-list-page .publish-btn{border:none;background:#eef2ff;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer}.bots-list-page .delete-btn{min-width:70px;height:38px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:14px;font-weight:600;cursor:pointer}.bots-list-page .delete-btn:disabled{opacity:.6;cursor:not-allowed}.bots-list-page .empty-state{background:#fff;border:1px dashed #cfd8e3;border-radius:16px;padding:40px;text-align:center;color:#64748b}.bots-list-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.bots-list-page .modal{width:min(1200px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0f172a29}.bots-list-page .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.bots-list-page .modal-head h2{margin:0;font-size:22px;color:#111827}.bots-list-page .close-btn{border:none;background:transparent;font-size:28px;cursor:pointer}.bots-list-page .modal-body{padding:20px}.bots-list-page .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bots-list-page .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.bots-list-page .form-group label{font-size:14px;font-weight:600;color:#111827}.bots-list-page .field-hint{display:block;margin-top:-6px;color:#6b7280;font-size:11.5px;font-weight:400;line-height:1.4}.bots-list-page .form-group input,.bots-list-page .form-group select,.bots-list-page .form-group textarea{border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff}.bots-list-page .steps-header,.bots-list-page .json-head,.bots-list-page .choice-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.bots-list-page .steps-header h3,.bots-list-page .json-head h3,.bots-list-page .choice-head h4{margin:0}.bots-list-page .small-btn{border:none;background:#eef2ff;color:#1d4ed8;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:600}.bots-list-page .steps-list{display:flex;flex-direction:column;gap:14px}.bots-list-page .step-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafafa}.bots-list-page .step-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bots-list-page .step-id{font-size:16px;font-weight:700;color:#173a67}.bots-list-page .remove-btn,.bots-list-page .remove-choice{border:none;background:#fee2e2;color:#b91c1c;border-radius:10px;padding:8px 10px;cursor:pointer}.bots-list-page .choice-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px;margin-bottom:10px}.bots-list-page .json-box{margin-top:20px}.bots-list-page .json-box pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;overflow:auto;font-size:13px;line-height:1.5}.bots-list-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border-top:1px solid #e5e7eb}.bots-list-page .secondary-btn,.bots-list-page .primary-btn{border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:600}.bots-list-page .secondary-btn{background:#eef2f7;color:#183b67}.bots-list-page .primary-btn{background:#2f80ed;color:#fff}.bots-list-page .brand-logo{width:40px}@media (max-width: 1100px){.bots-list-page .page-head{flex-direction:column;align-items:stretch}.bots-list-page .form-grid{grid-template-columns:1fr}}@media (max-width: 700px){.bots-list-page .page-body{padding:18px 12px 24px}.bots-list-page .toolbar{flex-direction:column;align-items:stretch}.bots-list-page .search-box{width:100%}.bots-list-page .flows-table{min-width:860px}.bots-list-page .flows-table th,.bots-list-page .flows-table td{padding:14px 12px}.bots-list-page .right{gap:10px}.bots-list-page .profile-info{display:none}}.manager-flows-layout{min-height:100vh;display:flex;background:#f6f8fb}.manager-flows-layout .manager-flows-main{flex:1;min-width:0}.manager-flows-layout .wrap{min-height:100vh;font-family:Arial;background:#fff}.manager-flows-layout .top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.manager-flows-layout .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.manager-flows-layout button{padding:8px 10px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}.manager-flows-layout button.ghost{background:#eee;color:#000}.manager-flows-layout button.danger{background:#e74c3c}.manager-flows-layout .grid{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.manager-flows-layout .card{border:1px solid #eee;border-radius:12px;overflow:hidden}.manager-flows-layout .cardHead{padding:10px 12px;border-bottom:1px solid #eee}.manager-flows-layout .list{padding:12px;display:flex;flex-direction:column;gap:8px}.manager-flows-layout .item{text-align:left;background:#fafafa;color:#000;border:1px solid #eee}.manager-flows-layout .item.on{border-color:#0b66d1}.manager-flows-layout .row{display:flex;align-items:center;gap:8px}.manager-flows-layout .pill{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid #ddd}.manager-flows-layout .pill.on{background:#e9f6ee;border-color:#bfe6cc}.manager-flows-layout .pill.off{background:#f5f5f5;border-color:#ddd}.manager-flows-layout .empty{padding:16px;color:#777}.manager-flows-layout .editor{padding:12px;display:flex;flex-direction:column;gap:12px}.manager-flows-layout .field label{display:block;font-size:12px;color:#666;margin-bottom:4px}.manager-flows-layout .field input,.manager-flows-layout .field select,.manager-flows-layout .field textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.manager-flows-layout .stepsHead{padding-top:4px}.manager-flows-layout .steps{display:flex;flex-direction:column;gap:10px}.manager-flows-layout .step{border:1px solid #eee;border-radius:12px;padding:10px;background:#fff}.manager-flows-layout .choices{display:flex;flex-direction:column;gap:8px}.manager-flows-layout .choice{display:grid;grid-template-columns:1fr 200px 40px;gap:8px}.manager-flows-layout .jsonBox{border:1px solid #eee;border-radius:12px;padding:10px;background:#fafafa}.manager-flows-layout pre{margin:0;font-size:12px;overflow:auto;max-height:260px}@media (max-width: 860px){.manager-flows-layout .grid,.manager-flows-layout .choice{grid-template-columns:1fr}.manager-flows-layout .top{align-items:flex-start;flex-direction:column;padding-left:58px}.manager-flows-layout .actions{width:100%}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.card-selector.card-list{display:flex;flex-direction:column;gap:5px}.card-selector .card{display:flex;align-items:center;gap:14px;background:#f4f5f7;border:2px solid transparent;cursor:pointer;transition:all .25s ease;background:#fafafa;border:1px solid #e4e4e4;border-radius:6px;padding:9px;font-size:13px;cursor:grab;margin-bottom:6px}.card-selector .card:hover{background:#eef0f3}.card-selector .card.active{border-color:#1e88ff;background:#f7faff}.card-selector .icon{border-radius:10px;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:18px}.card-selector .text{font-weight:500;color:#2f3542}.flow-helper.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.flow-helper .modal{width:700px;max-width:95%;background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 40px #0003}.flow-helper .modal-header{display:flex;justify-content:space-between;align-items:flex-start}.flow-helper .title{display:flex;gap:12px}.flow-helper .logo{width:48px;height:48px;background:#1e88ff;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.flow-helper h2{margin:0}.flow-helper .modal-header p{margin:4px 0 0;color:#666}.flow-helper .close{background:none;border:none;font-size:18px;cursor:pointer}.flow-helper .section{margin-top:20px}.flow-helper .section ol{padding-left:20px;color:#444}.flow-helper .box{margin-top:16px;padding:16px;border-radius:12px}.flow-helper .box.blue{background:#f0f6ff;border:1px solid #cfe2ff}.flow-helper .box.purple{background:#f7f0ff;border:1px solid #e2cfff}.flow-helper .box h4{margin-bottom:8px}.flow-helper kbd{background:#eee;padding:3px 6px;border-radius:4px;font-size:12px}.flow-helper .footer{margin-top:20px}.flow-helper .start-btn{width:100%;padding:14px;border:none;border-radius:10px;background:#1e88ff;color:#fff;font-size:16px;cursor:pointer}.fd-start-node.start-node-card{width:440px;background:#fff;border:1px solid #d9d9d9;border-radius:14px;box-shadow:0 2px 10px #0000000f;overflow:visible;font-family:Arial,sans-serif}.fd-start-node .start-node-header{min-height:64px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #dcdcdc;background:#fff;border-top-left-radius:14px;border-top-right-radius:14px}.fd-start-node .start-node-title{font-size:20px;font-weight:700;color:#111}.fd-start-node .start-node-body{position:relative;min-height:70px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #dcdcdc;background:#fff}.fd-start-node .start-node-label{font-size:18px;color:#666;padding-left:0}.fd-start-node .start-node-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px;color:#6b6b6b;background:#fff;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.fd-start-node .custom-handle{width:18px!important;height:18px!important;background:#3b82f6!important;border:3px solid #3b82f6!important;border-radius:50%!important}.fd-start-node :deep(.vue-flow__handle-left){left:-10px}.fd-start-node :deep(.vue-flow__handle-right){right:-10px}.fd-message-node.node{width:240px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0000000f;padding:10px}.fd-message-node .title{font-weight:700;font-size:12px;margin-bottom:6px}.fd-message-node .body{font-size:12px;color:#111;white-space:pre-wrap}.fd-question-node.node{width:260px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0000000f;padding:10px}.fd-question-node .title{font-weight:700;font-size:12px;margin-bottom:6px}.fd-question-node .body{font-size:12px;color:#111;white-space:pre-wrap}.fd-question-node .meta{font-size:11px;color:#555;margin-top:8px}.fd-choice-node.choice-node{position:relative;width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 30px #0f172a14;overflow:visible}.fd-choice-node .choice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#f8fafc,#fff)}.fd-choice-node .choice-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.fd-choice-node .choice-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:#eef2ff;flex-shrink:0}.fd-choice-node .choice-title{font-size:14px;font-weight:700;color:#0f172a;line-height:1.2}.fd-choice-node .choice-subtitle{margin-top:2px;font-size:11px;color:#64748b;line-height:1.2}.fd-choice-node .choice-tag{flex-shrink:0;font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;padding:4px 8px;border-radius:999px}.fd-choice-node .choice-body{padding:12px 14px 4px;font-size:13px;line-height:1.5;color:#334155;white-space:pre-wrap;word-break:break-word}.fd-choice-node .choice-options{padding:10px 14px 6px;display:flex;flex-direction:column;gap:10px}.fd-choice-node .choice-option{position:relative;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 8px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;transition:all .18s ease}.fd-choice-node .choice-option:hover{background:#f1f5f9;border-color:#cbd5e1}.fd-choice-node .choice-option-left{display:flex;align-items:center;gap:8px;min-width:0}.fd-choice-node .choice-index{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#475569;background:#e2e8f0;flex-shrink:0}.fd-choice-node .choice-pill{max-width:210px;font-size:12px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-choice-node .choice-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;text-align:center;font-size:12px;color:#64748b}.fd-choice-node .choice-footer{display:flex;align-items:center;gap:8px;padding:10px 14px 14px;border-top:1px solid #f8fafc}.fd-choice-node .footer-label{font-size:11px;color:#64748b}.fd-choice-node .footer-value{font-size:11px;font-weight:700;color:#111827;background:#f3f4f6;border-radius:999px;padding:4px 8px}.fd-choice-node .flow-handle{width:10px;height:10px;border:2px solid #ffffff;background:#3b82f6;box-shadow:0 0 0 1px #cbd5e1}.fd-choice-node .target-handle{left:-6px}.fd-choice-node .option-handle{position:absolute;right:-18px;top:50%;transform:translateY(-50%)}.fd-handoff-node.handoff-node{min-width:250px;max-width:280px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;box-shadow:0 8px 24px #0f172a14;overflow:visible;position:relative}.fd-handoff-node .head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #ffedd5;background:#ffffff73}.fd-handoff-node .head-left{display:flex;align-items:center;gap:8px}.fd-handoff-node .icon{font-size:16px;line-height:1}.fd-handoff-node .title{font-size:13px;font-weight:700;color:#9a3412}.fd-handoff-node .tag{font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;letter-spacing:.02em}.fd-handoff-node .tag-auto{background:#dbeafe;color:#1d4ed8}.fd-handoff-node .tag-queue{background:#dcfce7;color:#166534}.fd-handoff-node .tag-open{background:#f3e8ff;color:#7e22ce}.fd-handoff-node .body{padding:12px}.fd-handoff-node .message{font-size:12px;line-height:1.5;color:#431407;white-space:pre-wrap;word-break:break-word;margin-bottom:10px}.fd-handoff-node .info-list{display:grid;gap:6px}.fd-handoff-node .info-row{display:flex;justify-content:space-between;gap:10px;font-size:11px}.fd-handoff-node .label{color:#9a3412;opacity:.8}.fd-handoff-node .value{color:#431407;font-weight:600;text-align:right}.fd-handoff-node .queue-value{max-width:130px;word-break:break-word}.fd-handoff-node .flow-handle{width:10px;height:10px;border:2px solid #fff;background:#f97316}.fd-handoff-node .target-handle{left:-6px}.fd-handoff-node .source-handle{right:-6px}.fd-openai-node.node{position:relative;background:#fff;border:2px solid #8b5cf6;border-radius:12px;padding:12px;width:300px;box-shadow:0 4px 14px #00000014}.fd-openai-node .title{font-weight:800;font-size:13px;margin-bottom:10px;color:#222}.fd-openai-node .field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fd-openai-node label{font-size:11px;color:#555;font-weight:700}.fd-openai-node input,.fd-openai-node textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #ddd;border-radius:10px;font-size:12px;outline:none}.fd-openai-node input:focus,.fd-openai-node textarea:focus{border-color:#8b5cf6}.fd-openai-node .checkbox-row{margin-top:4px}.fd-openai-node .checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#444}.fd-openai-node .outputs{position:relative;margin-top:14px;min-height:60px;padding-right:28px}.fd-openai-node .output-row{position:relative;font-size:11px;color:#555;font-weight:700;margin-bottom:8px}.fd-gemini-node.gemini-node{position:relative;width:290px;background:#fff;border:1px solid #ddd6fe;border-radius:18px;box-shadow:0 10px 30px #7c3aed1f;overflow:visible}.fd-gemini-node .gemini-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #ede9fe;background:linear-gradient(135deg,#f5f3ff,#fff)}.fd-gemini-node .gemini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ede9fe;color:#6d28d9;font-size:18px;font-weight:900}.fd-gemini-node .gemini-title{font-size:14px;font-weight:800;color:#4c1d95}.fd-gemini-node .gemini-subtitle{margin-top:2px;font-size:11px;color:#7c3aed}.fd-gemini-node .gemini-body{padding:12px 14px;font-size:12px;color:#334155}.fd-gemini-node .gemini-text{white-space:pre-wrap;word-break:break-word;max-height:72px;overflow:hidden}.fd-gemini-node .gemini-save{margin-top:6px;color:#64748b}.fd-prompt-node.prompt-node{position:relative;width:290px;background:#fff;border:1px solid #bae6fd;border-radius:18px;box-shadow:0 10px 30px #0284c71f;overflow:visible}.fd-prompt-node .prompt-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e0f2fe;background:linear-gradient(135deg,#f0f9ff,#fff)}.fd-prompt-node .prompt-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e0f2fe;color:#0369a1;font-size:18px;font-weight:900}.fd-prompt-node .prompt-title{font-size:14px;font-weight:800;color:#0c4a6e}.fd-prompt-node .prompt-subtitle{margin-top:2px;font-size:11px;color:#0284c7}.fd-prompt-node .prompt-body{padding:12px 14px;color:#334155;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:90px;overflow:hidden}.fd-notify-node.notify-node{position:relative;width:290px;background:#fff;border:1px solid #fde68a;border-radius:18px;box-shadow:0 10px 30px #d977061f;overflow:visible}.fd-notify-node .notify-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #fef3c7;background:linear-gradient(135deg,#fffbeb,#fff)}.fd-notify-node .notify-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fef3c7;font-size:16px}.fd-notify-node .notify-title{font-size:14px;font-weight:800;color:#92400e}.fd-notify-node .notify-subtitle{margin-top:2px;font-size:11px;color:#d97706}.fd-notify-node .notify-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px;color:#334155;font-size:12px;line-height:1.45}.fd-notify-node .notify-body b,.fd-notify-node .notify-body span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fd-flowswitch-node.flow-node{position:relative;width:290px;background:#fff;border:1px solid #fecaca;border-radius:18px;box-shadow:0 10px 30px #dc26261a;overflow:visible}.fd-flowswitch-node .flow-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #fee2e2;background:linear-gradient(135deg,#fef2f2,#fff)}.fd-flowswitch-node .flow-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fee2e2;color:#b91c1c;font-size:18px;font-weight:900}.fd-flowswitch-node .flow-title{font-size:14px;font-weight:800;color:#7f1d1d}.fd-flowswitch-node .flow-subtitle{margin-top:2px;font-size:11px;color:#dc2626}.fd-flowswitch-node .flow-body{padding:12px 14px;color:#334155;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.fd-wa-node.wa-node{position:relative;width:290px;background:#fff;border:1px solid #bbf7d0;border-radius:18px;box-shadow:0 10px 30px #15803d1a;overflow:visible}.fd-wa-node .wa-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #dcfce7;background:linear-gradient(135deg,#ecfdf5,#fff)}.fd-wa-node .wa-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#dcfce7;font-size:16px}.fd-wa-node .wa-title{font-size:14px;font-weight:800;color:#14532d}.fd-wa-node .wa-subtitle{margin-top:2px;font-size:11px;color:#15803d}.fd-wa-node .wa-body{padding:12px 14px;font-size:12px;color:#334155}.fd-wa-node .wa-line{margin-bottom:6px}.fd-wa-node .wa-flow-preview{display:grid;gap:3px;padding:8px;margin-bottom:8px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0}.fd-wa-node .wa-flow-preview small{color:#15803d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-wa-node .wa-text{white-space:pre-wrap;word-break:break-word;line-height:1.45}.fd-wa-node .wa-empty{color:#94a3b8;font-style:italic}.fd-wa-node .tpl-preview{display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:12px;background:#e7ffdb;border:1px solid #bbf7d0;color:#172554}.fd-wa-node .tpl-meta{display:flex;justify-content:space-between;gap:8px;color:#14532d;font-size:11px;font-weight:800}.fd-wa-node .tpl-meta small{flex-shrink:0;color:#64748b;font-size:10px;font-weight:700}.fd-wa-node .tpl-header{font-weight:800;white-space:pre-wrap;word-break:break-word}.fd-wa-node .tpl-media{width:100%;max-height:110px;object-fit:cover;border-radius:10px;background:#f8fafc}.fd-wa-node .tpl-media-placeholder{display:grid;min-height:68px;place-items:center;border:1px dashed #86efac;border-radius:10px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.fd-wa-node .tpl-body{max-height:130px;overflow:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.45}.fd-wa-node .tpl-footer{color:#64748b;font-size:11px;white-space:pre-wrap;word-break:break-word}.fd-wa-node .tpl-buttons{display:flex;flex-direction:column;gap:4px;padding-top:3px;border-top:1px solid rgba(20,83,45,.12)}.fd-wa-node .tpl-button{padding:5px 8px;border-radius:8px;background:#fff;color:#0284c7;font-size:11px;font-weight:800;text-align:center}.fd-wa-node .wa-options{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px}.fd-wa-node .wa-option{position:relative;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px 8px 10px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;font-size:12px;font-weight:700;color:#14532d}.fd-webhook-node.webhook-node{position:relative;width:290px;background:#fff;border:1px solid #c7d2fe;border-radius:18px;box-shadow:0 10px 30px #4338ca1a;overflow:visible}.fd-webhook-node .webhook-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e0e7ff;background:linear-gradient(135deg,#eef2ff,#fff)}.fd-webhook-node .webhook-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e0e7ff;font-size:16px}.fd-webhook-node .webhook-title{font-size:14px;font-weight:800;color:#312e81}.fd-webhook-node .webhook-subtitle{margin-top:2px;font-size:11px;color:#4f46e5}.fd-webhook-node .webhook-body{padding:12px 14px;font-size:12px;color:#334155}.fd-webhook-node .webhook-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-webhook-node .webhook-save{margin-top:6px;color:#64748b}.fd-variable-node.variable-node{position:relative;width:270px;background:#fff;border:1px solid #fbbf24;border-radius:18px;box-shadow:0 10px 30px #d977061f;overflow:visible}.fd-variable-node .variable-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff)}.fd-variable-node .variable-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fef3c7;color:#92400e;font-size:20px;font-weight:900}.fd-variable-node .variable-title{font-size:14px;font-weight:800;color:#78350f}.fd-variable-node .variable-subtitle{margin-top:2px;font-size:11px;color:#b45309}.fd-variable-node .variable-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:12px}.fd-variable-node .variable-row{display:flex;justify-content:space-between;gap:10px;color:#64748b}.fd-variable-node .variable-row b{color:#0f172a;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-email-send-node.email-send-node{position:relative;width:290px;background:#fff;border:1px solid #c7d2fe;border-radius:18px;box-shadow:0 10px 30px #4338ca1a;overflow:visible}.fd-email-send-node .email-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e0e7ff;background:linear-gradient(135deg,#eef2ff,#fff)}.fd-email-send-node .email-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e0e7ff;font-size:16px}.fd-email-send-node .email-title{font-size:14px;font-weight:800;color:#312e81}.fd-email-send-node .email-subtitle{margin-top:2px;font-size:11px;color:#4f46e5}.fd-email-send-node .email-body{padding:12px 14px;font-size:12px;color:#334155}.fd-email-send-node .email-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-email-send-node .email-save{margin-top:6px;color:#64748b}.fd-email-template-node.email-template-node{position:relative;width:290px;background:#fff;border:1px solid #c7d2fe;border-radius:18px;box-shadow:0 10px 30px #4338ca1a;overflow:visible}.fd-email-template-node .tpl-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #e0e7ff;background:linear-gradient(135deg,#eef2ff,#fff)}.fd-email-template-node .tpl-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e0e7ff;font-size:16px}.fd-email-template-node .tpl-title{font-size:14px;font-weight:800;color:#312e81}.fd-email-template-node .tpl-subtitle{margin-top:2px;font-size:11px;color:#4f46e5}.fd-email-template-node .tpl-body{padding:12px 14px;font-size:12px;color:#334155}.fd-email-template-node .tpl-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-email-template-node .tpl-save{margin-top:6px;color:#64748b}.fd-delete-edge.edge-delete-btn{position:absolute;pointer-events:all}.fd-delete-edge.edge-delete-btn button{width:26px;height:26px;border:none;border-radius:50%;background:red;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.fd-delete-edge.edge-delete-btn button:hover{opacity:.9}.flow-designer .checkRow{display:flex;align-items:center;gap:8px}.flow-designer .checkRow input{width:auto}.flow-designer.page{height:100vh;display:flex;overflow:hidden;background:#f7f8fa;font-family:Arial,sans-serif}.flow-designer .wrap{height:100vh;flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.flow-designer .top{height:60px;min-height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #eee;background:#fff;flex-shrink:0}.flow-designer .topLeft{display:flex;align-items:center;min-width:0}.flow-designer .titleRow{display:flex;align-items:center;gap:10px;min-width:0}.flow-designer .actions{display:flex;gap:8px;flex-wrap:wrap}.flow-designer button{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer;font-size:14px}.flow-designer button.ghost{background:#eee;color:#000}.flow-designer button.save{background:#20b099}.flow-designer button.danger{background:#e74c3c;margin-top:10px;width:100%}.flow-designer .grid{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr) 340px;overflow:hidden}.flow-designer .leftbar{background:#fff;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;min-height:0;overflow:hidden}.flow-designer .leftbarHead{padding:14px 16px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.flow-designer .nodeActions{padding:12px 16px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;flex:1}.flow-designer .leftbarSection{padding:14px 16px;border-top:1px solid #eee;background:#fafafa;flex-shrink:0}.flow-designer .flowConfigCard{padding:14px;background:linear-gradient(135deg,#eff6ff,#fff);flex-shrink:0}.flow-designer .flowConfigHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.flow-designer .flowConfigHead b,.flow-designer .publishRow b{display:block;color:#0f172a;font-size:14px;font-weight:900}.flow-designer .flowConfigHead small,.flow-designer .publishRow small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:700}.flow-designer .statusPill{flex-shrink:0;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:900}.flow-designer .statusPill.active{background:#dcfce7;color:#166534}.flow-designer .flowNameField,.flow-designer .flowChannelField{margin-bottom:12px}.flow-designer .flowNameField input,.flow-designer .flowChannelField select{border-color:#bfdbfe;background:#fff}.flow-designer .flowTriggerWordsField{margin-bottom:12px}.flow-designer .flowTriggerWordsField input{border-color:#bfdbfe;background:#fff}.flow-designer .fieldHint{display:block;margin-top:6px;color:#64748b;font-size:11.5px;line-height:1.4;font-weight:400}.flow-designer .publishRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.flow-designer .publishToggle{flex-shrink:0}.flow-designer .flowStatsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-designer .flowStat{min-width:0;padding:9px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.flow-designer .flowStat span,.flow-designer .flowStat b{display:block}.flow-designer .flowStat span{color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.flow-designer .flowStat b{margin-top:4px;overflow:hidden;color:#0f172a;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.flow-designer .canvas{min-width:0;min-height:0;background:#fff;border-right:1px solid #eee;overflow:hidden}.flow-designer .vf{width:95%;height:90%}.flow-designer .panel{background:#f8fafc;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-left:1px solid #e2e8f0}.flow-designer .panelHead{padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.flow-designer .panelHead b{font-size:15px;color:#0f172a}.flow-designer .panelHead small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-designer .panelBody{padding:14px;display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;flex:1}.flow-designer .panelFoot{min-height:10px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.flow-designer .inspectorEmpty{min-height:180px;display:grid;place-content:center;gap:8px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;padding:18px}.flow-designer .inspectorEmpty b{color:#0f172a}.flow-designer .field{padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a08}.flow-designer .field .field{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;margin-bottom:10px}.flow-designer .field label{display:block;font-size:11px;font-weight:800;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.flow-designer .field input,.flow-designer .field textarea,.flow-designer .field select{width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;box-sizing:border-box;outline:none}.flow-designer .field textarea{resize:vertical;min-height:76px}.flow-designer .field input:focus,.flow-designer .field textarea:focus,.flow-designer .field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.flow-designer .field input:disabled{background:#f8fafc;color:#64748b}.flow-designer .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-designer .choices{display:flex;flex-direction:column;gap:10px}.flow-designer .choiceRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:8px;align-items:center}.flow-designer .choiceRow button{width:34px;height:34px;padding:0;border-radius:10px}.flow-designer .wa-template-preview{max-width:100%;background:#dcf8c6;border-radius:12px 12px 2px;padding:10px;color:#111827;box-shadow:0 1px 2px #0f172a1a}.flow-designer .preview-name{font-size:11px;color:#64748b;margin-bottom:6px}.flow-designer .preview-header{font-weight:800;margin-bottom:6px}.flow-designer .preview-media,.flow-designer .preview-media-placeholder{width:100%;border-radius:8px;margin-bottom:8px;background:#f8fafc}.flow-designer .preview-media{max-height:150px;object-fit:cover}.flow-designer .preview-media-placeholder{padding:12px;text-align:center;color:#64748b;font-weight:700}.flow-designer .preview-body{white-space:pre-wrap;line-height:1.45;font-size:13px}.flow-designer .preview-footer{margin-top:7px;font-size:11px;color:#64748b}.flow-designer .preview-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px}.flow-designer .preview-buttons button{width:100%;background:#fff;color:#128c7e;border-radius:8px;padding:7px;font-size:12px}.flow-designer .muted{color:#777;font-size:12px}.flow-designer .json{font-size:11px;margin:8px 0 0;white-space:pre-wrap}@media (max-width: 1180px){.flow-designer .grid{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(320px,1fr) 360px}.flow-designer .panel{grid-column:1 / -1;border-left:0;border-top:1px solid #e2e8f0}.flow-designer .panelBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}}@media (max-width: 768px){.flow-designer.page{display:block}.flow-designer .wrap{margin-left:0}.flow-designer .grid{grid-template-columns:1fr;grid-template-rows:auto minmax(320px,1fr) minmax(360px,auto)}.flow-designer .leftbar{border-right:none;border-bottom:1px solid #eee;max-height:240px}.flow-designer .canvas{border-right:none}.flow-designer .panel{border-top:1px solid #e2e8f0;max-height:none}.flow-designer .panelBody{display:flex;padding:12px}.flow-designer .choiceRow{grid-template-columns:1fr}.flow-designer .choiceRow button{width:100%}.flow-designer .top{padding:0 12px}.flow-designer .titleRow{flex-direction:column;align-items:flex-start;gap:2px}}.flow-designer .react-flow__edge-path{stroke:#2563eb;stroke-width:2px;stroke-dasharray:6 6;fill:none}.flow-designer .react-flow__handle{width:12px;height:12px;border:2px solid #2563eb;background:#fff}.flow-designer .react-flow__edge.selected .react-flow__edge-path{stroke:#ef4444;stroke-width:2px;stroke-dasharray:6 6}.flow-designer .react-flow__connection-path{stroke:#2563eb;stroke-width:2px;stroke-dasharray:6 6}.flow-designer .priority-label{padding:2px}.flow-designer .toggle-row{display:flex;align-items:center;gap:10px}.flow-designer .toggle{position:relative;width:42px;height:22px}.flow-designer .toggle input{opacity:0;width:0;height:0}.flow-designer .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:999px;transition:.25s;cursor:pointer}.flow-designer .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s}.flow-designer .toggle input:checked+.slider{background:#22c55e}.flow-designer .toggle input:checked+.slider:before{transform:translate(20px)}.flow-designer .toggle-label{font-size:13px;font-weight:600;color:#333}.flow-designer .react-flow svg{max-width:none}.omni-topbar.topbar{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.omni-topbar .left h2{margin:0;font-size:18px;font-weight:700}.omni-topbar .right{display:flex;align-items:center;gap:16px}.omni-topbar .create-btn{border:none;background:#2f80ed;color:#fff;padding:12px 18px;border-radius:14px;font-size:15px;cursor:pointer;font-weight:600}.omni-topbar .logout-btn{width:42px;height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.omni-filterbar.filterbar{display:flex;justify-content:flex-end;gap:12px;align-items:center}.omni-filterbar select,.omni-filterbar input{height:42px;padding:0 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;min-width:170px;font-size:14px}.omni-filterbar .search-btn{width:46px;height:42px;border:none;border-radius:12px;background:#2f80ed;color:#fff;cursor:pointer;font-size:18px}.omni-chat-card.chat-card{border:1.5px solid #dbe4f0;border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:.2s}.omni-chat-card.chat-card.active{border-color:#4f8df7;box-shadow:0 0 0 2px #4f8df714}.omni-chat-card .top,.omni-chat-card .bottom{display:flex;justify-content:space-between;align-items:center}.omni-chat-card .user{display:flex;align-items:center;gap:10px}.omni-chat-card .avatar{width:28px;height:28px;border-radius:50%;background:#dbeafe;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:700}.omni-chat-card .name{font-weight:600;font-size:15px}.omni-chat-card .message{margin:14px 0;font-size:15px;line-height:1.5;color:#374151}.omni-chat-card .replies{font-size:13px;font-weight:600}.omni-chat-card .time{font-size:13px;color:#6b7280}.omni-chat-list.panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;height:100%;display:flex;flex-direction:column;overflow:hidden}.omni-chat-list .panel-head{padding:16px 16px 10px;display:flex;justify-content:space-between;align-items:center}.omni-chat-list .panel-head h3{margin:0;font-size:18px}.omni-chat-list .more-btn{border:none;background:transparent;font-size:20px;cursor:pointer}.omni-chat-list .search-box{padding:0 12px 12px}.omni-chat-list .search-box input{width:100%;height:40px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px}.omni-chat-list .tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 12px 12px;gap:0}.omni-chat-list .tab{height:42px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px}.omni-chat-list .tab:first-child{border-radius:10px 0 0 10px}.omni-chat-list .tab:last-child{border-radius:0 10px 10px 0}.omni-chat-list .tab.active{background:#6b7280;color:#fff}.omni-chat-list .section-title{padding:0 14px 10px;font-size:14px;font-weight:600;color:#6b7280}.omni-chat-list .chat-list{padding:0 12px 12px;overflow:auto;display:flex;flex-direction:column;gap:12px}.omni-chat-bubble.bubble-row{display:flex;margin-bottom:26px}.omni-chat-bubble.bubble-row.user{justify-content:flex-start}.omni-chat-bubble.bubble-row.me{justify-content:flex-end}.omni-chat-bubble .bubble{max-width:420px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:0;padding:14px 16px}.omni-chat-bubble .meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.omni-chat-bubble .name{font-weight:600;color:#475569}.omni-chat-bubble .time{font-size:13px;color:#6b7280}.omni-chat-bubble .text{font-size:15px;color:#374151;line-height:1.6}.omni-composer.composer{border-top:1px solid #eef2f7;padding:0}.omni-composer textarea{width:100%;min-height:110px;resize:none;border:none;outline:none;padding:18px 20px 10px;font-size:15px;font-family:inherit}.omni-composer .footer{display:flex;justify-content:flex-end;padding:0 18px 18px}.omni-composer .send-btn{min-width:106px;height:44px;border:none;border-radius:14px;background:#2f80ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.omni-chat-window.chat-window{background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;height:100%;overflow:hidden}.omni-chat-window .header{padding:16px 20px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center}.omni-chat-window .header h3{margin:0;font-size:18px}.omni-chat-window .more-btn{border:none;background:transparent;font-size:20px;cursor:pointer}.omni-chat-window .messages-area{flex:1;padding:22px;overflow:auto;background:#fff}.omni-chat-window .preview-text{padding:18px 20px;border-top:1px solid #eef2f7;color:#374151;line-height:1.7}.omni-chat-window .preview-text a{color:#2563eb;text-decoration:underline}.omni-chat-window .orange{color:#f97316;text-decoration:underline}.omni-layout.app-shell{display:flex;height:100vh;background:#f5f7fb;color:#1e293b;font-family:Arial,sans-serif}.omni-layout .main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.omni-layout .page-content{padding:18px;overflow:auto}.omni-layout .page-head{margin-bottom:14px}.omni-layout .page-head h1{margin:0;font-size:34px;font-weight:700}.omni-layout .page-head p{margin:6px 0 0;color:#4b5563;font-size:15px}.omni-layout .content-grid{margin-top:16px;display:grid;grid-template-columns:420px 1fr;gap:18px;height:calc(100vh - 190px)}@media (max-width: 1100px){.omni-layout .content-grid{grid-template-columns:1fr;height:auto}}*{margin:0;padding:0;box-sizing:border-box;font-family:Archivo,sans-serif}h1,h2,h3{font-weight:600}p{font-weight:400}input,button{font-family:Archivo,sans-serif}html,body,#app{width:100%;min-width:320px;min-height:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas{max-width:100%}button,input,select,textarea{max-width:100%}.navIcon{display:block;margin-bottom:10px}body,html{background:#f4f6f9;overflow-x:hidden}.ds_hidden{display:none!important}.ds_pageContainer{display:grid;grid-template-columns:auto 1fr;height:100vh;width:100%;overflow:hidden}#topbar,#adminTopbar{height:54px;position:sticky;top:0;z-index:1}.ds_mainContent{position:absolute;top:55px;height:calc(100vh - 55px)}.ds_agent-login{display:grid;grid-template-columns:1fr 1fr;height:100vh;background:#fff;overflow:hidden}.ds_left-section{background:#f5f7fb;padding:32px 28px 40px;display:flex;justify-content:center;overflow:hidden}.ds_left-content{width:100%;max-width:560px;display:grid;grid-template-rows:auto auto 1fr;gap:20px}.ds_illustration img{width:48px;height:48px}.ds_brand h2{font-size:28px;line-height:1.35;font-weight:600;color:#0f172a}.ds_brand span{color:#2563eb}.ds_bottom-image{border-radius:22px;overflow:hidden;align-self:flex-end}.ds_bottom-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:22px}.ds_right-section{display:flex;align-items:center;justify-content:center;padding:40px 0;overflow:hidden}.ds_login-box{width:100%;max-width:420px;padding:0 40px;display:grid;justify-content:center;grid-template-rows:1fr auto auto 2fr auto;height:100%}.ds_logo-wrapper{display:flex;align-items:center;gap:10px;align-self:start;justify-self:center}.ds_right-ds_illustration img{width:40px;height:40px}.ds_logo{font-size:26px;font-weight:600}.ds_login-title{text-align:center;font-size:24px;font-weight:500;max-width:380px;color:#2a2a33}.ds_login-subtitle{text-align:center;font-size:18px;color:#313957;margin:14px 0 24px}.ds_login-form{width:100%;align-self:self-start;justify-self:center}.ds_form-group{margin-bottom:16px}.ds_form-group label{font-size:13px;margin-bottom:6px;display:block}.ds_form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px}.ds_form-options{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.ds_form-options a{color:#2563eb;text-decoration:none}.ds_btn-login{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.ds_signup-text{margin-top:20px;font-size:13px;justify-self:center}.ds_app{display:flex;min-height:100vh}.ds_subBar{display:flex;align-items:center;justify-content:space-between}.ds_subBar-left{height:100%;display:flex;align-items:center}.ds_tab{background:#e9edf5;border:none;width:111px;font-size:12px;height:100%;cursor:pointer;color:#333;white-space:nowrap}.ds_tab.ds_active{background:#2563eb;color:#fff}.ds_subBar-right{font-size:12px;color:#2563eb;white-space:nowrap;background:#e5e6f1;height:34px;line-height:34px;padding:0 30px;font-weight:500}.ds_content{overflow:auto;background-color:#f1f5f7;padding:8px;height:100%}.customeInfoCard{width:100%;background:#fff;padding:24px;border-radius:12px;display:flex;justify-content:center;align-items:center}.cardContent{max-width:480px;width:100%}.customeInfoCard h2{text-align:center;margin-bottom:24px;font-weight:500}.customeInfoCard label{font-size:13px;margin-bottom:6px;display:block}.customeInfoCard input,.customeInfoCard textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:18px}.customeInfoCard textarea{height:100px;resize:none}.phoneInput{background:#f1f5f9;color:#64748b}.ds_primary{width:100%;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.break-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}.break-popup{width:100%;max-width:300px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 35px #00000040}.break-title{font-size:14px;font-weight:600;margin-bottom:10px}.break-status{background:#f4f6fa;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:14px}.break-status select{border:none;background:transparent;font-size:12px;font-weight:500}.break-timer{margin-left:auto;font-weight:600;color:#2563eb}.resume-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;cursor:pointer}body.popup-open{overflow:hidden}#sidebar section{height:100%}.sidebarDesktop{height:100%;width:66px;border-right:1px solid #EAECED;background:#fff}.sidebarMobile{position:fixed;top:0;left:0;width:100%;height:100vh;background:#1172fa;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.ds_sidebar-menu{height:100%;display:grid;justify-content:center;grid-template-rows:repeat(7,54px) 1fr}.ds_sidebar-menu li{list-style:none;display:flex;align-items:center;justify-content:center;width:66px;height:54px;border-bottom:1px solid #EAECED;cursor:pointer}.ds_sidebar-menu li img{width:26px;height:26px}.ds_sidebar-menu li:last-child{border-bottom:none;align-self:flex-end}.ds_sidebar-menu{display:flex;flex-direction:column}.ds_sidebar-menu li:nth-last-child(6){margin-top:auto}.ds_sidebar-menu li:last-child{border-bottom:none}.desktopTopbar{display:block}.mobileTopbar{display:none}.desktopTopbar{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 10px;border-bottom:1px solid #EAECED;background:#fff;gap:10px}.topbarLogo{height:16px}.topbarRight,.topbarSection,.topbarItem{display:flex;align-items:center;gap:8px}.topbarItem p{font-size:12px;font-weight:400;white-space:nowrap}.topbarSection:after{content:"";width:1px;height:35px;background:#eaeced}.topbarSection:last-child:after{content:"";display:none}.tobarStatusSubItem{display:flex;align-items:center;gap:5px;background-color:#f2f5f7;border:1px solid #D9E4EB;border-radius:4px;padding:5px}.tobarStatusSubItem img{width:31px;height:31px;padding:8px;background:#fff;border-radius:6px}.statusText{display:grid}.statusText span:first-child{font-size:10px;color:#667085;font-weight:400}.statusText span:last-child{font-size:12px;color:#101828;font-weight:500}.callTiming{padding-left:25px;align-self:flex-end;font-size:12px;font-weight:500;color:#1172fa}.tobarRightSideIcon{width:31px;height:31px;padding:8px;background:#ecf4f7;border-radius:6px}.topbarSideLogoItem{width:35px;height:35px;border-radius:2px;background-color:#e7f0ff}.topbarSideLogoItem img{width:100%;padding:5px}.topbarText{font-size:12px;font-weight:400;color:#667085}.clockText{color:#1172fa}.playText,.callText{display:grid}.playText span:last-child,.callText span:last-child{font-weight:500;color:#101828}.tobarProfileIcon{width:28px;height:28px;border-radius:50%}.profileText{display:grid}.profileText span:first-child{font-size:12px;color:#101828;font-weight:500}.profileText span:last-child{font-size:12px;color:#667085;font-weight:400}.topbarDropdownIcon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid #DDE2E4}#adminSidebar .ds_sidebar-menu{grid-template-rows:54px repeat(11,50px) 1fr;height:100vh;overflow-y:auto}#adminSidebar .ds_sidebar-menu li:first-child{position:sticky;top:0;z-index:1;background:#fff}#adminSidebar .ds_sidebar-menu li{height:auto}#adminSidebar .ds_sidebar-menu li:last-child{display:flex;flex-direction:column;height:100%;justify-content:flex-end}#adminSidebar .ds_sidebar-menu li img{height:20px;width:20px}#adminSidebar .ds_sidebar-menu li:last-child img{height:54px}.sipIcon{width:31px;height:31px;background-color:#ecf4f7;border-radius:6px;display:flex;justify-content:center;align-items:center}.sipDot{background:linear-gradient(253.13deg,#22ff73 24.96%,#1acd5b 93.27%);width:9px;height:9px;border-radius:50%}.orderDetailsContainer{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;max-height:calc(100vh - 54px);overflow:auto}.firstSection{padding:10px;background:#fff;border-right:1px solid #EAECED}.leadDetailsCard,.personalDetailsCard{padding:10px;display:grid;gap:12px}.ds_headerContainer{display:flex;justify-content:space-between;align-items:center;height:32px}.secondSection .ds_headerContainer{padding:0 10px;background:#fff;border-bottom:1px solid #EAEAEA;height:65px}.ds_header{font-size:20px;font-weight:500;color:#101828}.subHeader{color:#101828;font-size:14px;font-weight:500}.detailsCard{border:1px solid #D9E4EB;padding:10px;display:grid;gap:12px;border-radius:2px}.detailsRow{display:flex;gap:5px;flex-direction:column}.subDetailsRow{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.subDetailsRow2{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.secondSection{background:#f5f9ff;border-right:1px solid #EAECED}.secondSection .subHeader{margin-bottom:20px}.secondSection .detailsCard{padding:0!important;border:none!important}.customerDetailsCard,.productListCard,.paymentDetails{padding:10px;margin:10px;background:#fff;border:1px solid #D9E4EB}.footerbtn{padding:10px;display:grid;gap:10px;justify-content:end;grid-template-columns:repeat(4,75px);grid-template-rows:25px}.thirdSection{padding:10px;background:#fff}.leadHistoryCard{padding:10px;display:grid;gap:12px}.detailsCardContainer,.detailSection{display:grid;gap:12px}.detailHeader{display:flex;justify-content:space-between;align-items:center}.detailContent{background:#f2f5f7;padding:10px;display:grid;gap:2px}.detailContentData{display:flex;justify-content:space-between;align-items:center;gap:5px}.detailContent .ds_header{color:#667085;font-size:12px;font-weight:400}.detailContentData .subHeader{color:#101828;font-size:13px;font-weight:500}.detailContentData .date{color:#64748b;font-weight:400;font-size:12px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea{height:32px;border:1px solid #D4D7E3;padding:0 5px;line-height:44px;border-radius:4px;font-size:12px;font-weight:500;color:#101828;max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#1172fa;box-shadow:0 0 0 2px #1172fa4d}.createleadbtn{height:30px;margin:0;line-height:30px;background:linear-gradient(0deg,#1172fa,#1172fa),linear-gradient(180deg,#0021501f,#00215000);border:1px solid;border-image-source:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px #253ea77a;color:#fff;display:flex;align-items:center;justify-content:center}label{font-size:12px;font-weight:400;color:#101828}.sameDetailsLabel{display:flex;align-items:center;gap:5px;cursor:pointer}.personalDetailBtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-template-rows:25px 25px;margin-top:6px}.callNowBtn{background:#1172fa;box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12;font-weight:500}.orderBtn,.disposeBtn{background:#229bbd;box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12;font-weight:500}.newLeadBtn{background:#22a7ff;box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12;font-weight:500}.ds_headerContainer,.detailsCard,.detailsRow,.subDetailsRow,.subDetailsRow2{min-width:0;max-width:100%}.closeArrowIcon{padding:6px;border:1px solid #DDE2E4;border-radius:5px}.closeArrowIcon.roatedArrow{transform:rotate(180deg)}.thirdSection .detailHeader p{font-size:14px;font-weight:500;color:#101828}.productTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableHeader th:first-child{border:none;outline:none;border-radius:10px 0 0;padding:0 20px;width:50px}.ds_tableHeader th:first-child input{display:flex}.ds_tableBody tr{height:40px;border-bottom:1px solid #EAECED}.ds_tableBody td{padding:0 10px;font-size:14px;font-weight:400;color:#18181b}.ds_tableBody td:first-child{padding:0 20px}.ds_pageHeader{height:40px;background-color:#fff;font-size:16px;font-weight:500;color:#101828;border-bottom:1px solid #EAEAEA;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.reportsCardContainer{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background-color:#f7f8f9;border-bottom:1px solid #EAEAEA;padding:8px}.reportsCard{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:9px;padding:9px 8px;background-color:#fff;border:1px solid #EAECED;border-radius:6px}.reportsCard img{width:24px;height:24px}.reportsCard .title{font-size:13px;font-weight:400;color:#00060f}.reportsCard .value{font-size:14px;font-weight:500;color:#242424}.reportsCardContainer2{padding:16px 14px;background-color:#fff;border:1px solid #EAEAEA;display:grid;grid-template-columns:1fr 1fr;gap:16px}.reportCard2{display:flex;background:#fcfdfd;border:1px solid #89A7D0;border-radius:12px;padding:8px 20px;gap:36px}.reportCard2 .title{color:#00060f;font-size:13px;font-weight:400}.reportCard2 .value{color:#242424;font-size:16px;font-weight:500}.reportsTableContainer{padding:14px 8px;background-color:#fff;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 370px)}.reportsTableBox{height:100%;overflow:auto}.reportsTableHeader{display:grid;grid-template-columns:1fr repeat(6,auto);gap:12px;align-items:center;height:28px}.reportsTableHeader .ds_header{font-size:16px;font-weight:500;color:#101828}.chooseReportBtn{border:1px solid #1172FA;border-radius:8px;padding:8px 14px;color:#1172fa;font-size:13px;font-weight:500;display:flex;align-items:center;background-color:transparent;gap:10px;height:28px;cursor:pointer}.chooseReportBtn span,.tableOptionsBtn span{margin-bottom:4px}.tableOptionsBtn{border:1px solid #D0D5DD;border-radius:8px;padding:8px 14px;color:#252c32;font-size:13px;font-weight:500;display:flex;align-items:center;background-color:transparent;gap:10px;height:28px;cursor:pointer}.buttonBox{border:1px solid #D0D5DD;border-radius:4px;height:30px;padding:6px;cursor:pointer}.reportsTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableBody{overflow-y:auto;overflow-x:hidden}.ds_tableBody tr{height:50px}.statusBox{height:22px;display:flex;width:fit-content;padding:2px 8px;border-radius:16px;align-items:center;gap:8px;font-size:12px;line-height:19px}.readyStatus{border:1px solid #8CBDFF;background:#1172fa33;color:#1172fa}.readyStatus .dot{width:8px;height:8px;background:#1172fa;border-radius:50%}.inCallStatus{border:1px solid #F8C3FF;background:#d311fa33;color:#fa11ee}.inCallStatus .dot{width:8px;height:8px;background:#fa11ee;border-radius:50%}.reportButtons{display:flex;align-items:center;gap:2px}.reportBtn{color:#303035;font-size:12px;font-weight:500;background-color:#e6ecf3;height:34px;line-height:34px;border:none;padding:0 14px;white-space:nowrap}.activeReportBtn{background-color:#1172fa;color:#fff}.multipleReportsChartContainer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px}.detailsBarChartContainer{display:grid;gap:8px}.detailsBarChartContainer .detailsBox{border:1px solid #E2E6E9;background:#fff;border-radius:12px;padding:13px;display:grid;gap:12px}.detailsBarChartContainer .detailsBox .detailHeader{font-size:16px;font-weight:500;color:#101828}.detailsBoxChartContainer{display:grid;gap:9px}.detailsBoxChartContainer .row{display:grid;align-items:center;grid-template-columns:200px 1fr;gap:15px;height:35px}.detailsBoxChartContainer .row .box{height:100%;width:100%;border:1px solid #EAECED;background-color:#fff;padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.detailsBoxChartContainer .row .box .label{color:#00060f;font-weight:400;font-size:13px}.detailsBoxChartContainer .row .box .value{color:#242424;font-size:14px;font-weight:500}.dialingPercentage{width:100%;height:100%;border-radius:4px;background:#f7faff;border:1px solid #F0F4F6;position:relative}.dialingPercentage .filledPercentage{position:absolute;height:100%;border-radius:4px}.dialingPercentage .color1{background:linear-gradient(-90deg,#5b6bff66 .17%,#745bff 75.27%)}.dialingPercentage .color2{background:linear-gradient(-90deg,#ff7c5b66 .17%,#ff7c5b 75.27%)}.dialingPercentage .color3{background:linear-gradient(-90deg,#125ec666 .17%,#125ec6 75.27%)}.dialingPercentage .percentageValue{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:14px;font-weight:500;color:#242424}.agentDetailsChartContainer{background:#fff;border:1px solid #E2E6E9;border-radius:12px;padding:20px}.agentDetailsChartContainer .detailHeader{font-size:16px;font-weight:500;color:#101828}.agentDetailsChartContainer .chartBoxContainer{display:grid;grid-template-columns:300px 215px;gap:10px}.agentDetailsChartContainer .chartBoxContainer div{position:relative}.agentDetailsChartContainer .chartBoxContainer div p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-content:center;text-align:center}.agentDetailsChartContainer .chartBoxContainer div p span:first-child{color:#081f8f;font-size:13px;font-weight:400}.agentDetailsChartContainer .chartBoxContainer div p span:last-child{color:#081f8f;font-size:16px;font-weight:500}.agentDetailsChartContainer .chartDetailsContainer{display:grid;align-items:center;grid-template-columns:1fr;gap:15px}.agentDetailsChartContainer .chartDetailsContainer .row{height:100%;width:100%;border:1px solid #EAECED;background-color:#fff;padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.agentDetailsChartContainer .chartDetailsContainer .row .label{color:#00060f;font-weight:400;font-size:13px}.agentDetailsChartContainer .chartDetailsContainer .row .value{color:#242424;font-size:14px;font-weight:500}.multiReportsContent .reportsTableContainer{height:auto;overflow:auto}.multiReportsContent{overflow:auto;display:block}.multiReportsContent .reportsTableContainer .reportsTableBox{min-width:1024px}.multiReportsContent .reportsTableContainer .reportsTableHeader{position:sticky;left:0}.leftSection{background-color:#fff;border:1px solid #EAECED;border-radius:10px;padding:8px;display:grid;grid-template-rows:1fr auto;gap:8px}.leftBottomPart{display:grid;grid-template-rows:repeat(3,auto);gap:8px;background-color:#f9fbfc;border:1px solid #F2F2F2;border-radius:12px;padding:12px 8px;align-self:flex-end}.rightSection{width:100%;display:grid;grid-template-rows:auto 1fr;gap:8px}.rightTopPart{display:grid;gap:10px;grid-template-columns:1fr 1fr}.card2{padding:18px 12px;border-radius:8px;border:1px solid #EAECED;background-color:#fff;display:grid;grid-template-columns:1fr auto}.card2:first-child{background:linear-gradient(357.09deg,#1172fa 13.15%,#548ff7 97.35%)}.title2{font-size:14px;font-weight:500;color:#00060f}.value2{font-size:28px;font-weight:500;color:#242424}.card2:first-child .title2,.card2:first-child .value2{color:#fff}.rightBottomPart{background-color:#fff;padding:20px 16px;border:1px solid #EAECED;border-radius:10px}.diallerTitle{font-size:16px;font-weight:500;color:#00060f;margin-bottom:12px}.diallerInfoCard,.diallerInfoStats{display:flex;justify-content:space-between;align-items:center;gap:26px;height:20px;margin-bottom:20px}.diallerInfoCard p{color:#00060f;font-size:14px;font-weight:500;position:relative}.diallerInfoStats p:first-child:before{content:"";position:absolute;width:6px;height:18px;background-color:#1172fa;left:-10px;top:2px}.diallerInfoStats p:last-child:before{content:"";position:absolute;width:6px;height:18px;background-color:#e4e2fa;left:-10px;top:2px}.diallerInfoStats p:nth-child(2):before{content:"";position:absolute;width:6px;height:18px;background-color:#3d4592;left:-10px;top:2px}.diallerInfoChart{display:grid;gap:30px}.diallerInfoChart .row{display:grid;align-items:center;justify-content:space-between;grid-template-columns:100px 1fr;height:40px;gap:30px}.recordName{font-size:14px;font-weight:400;color:#00060f}.recordValues{display:flex;align-items:center;height:100%;width:100%}.recordValues p:first-child{background-color:#1172fa;color:#fff;text-align:center;width:60%;height:100%;line-height:40px}.recordValues p:nth-child(2){background-color:#3d4592;color:#fff;text-align:center;width:30%;height:100%;line-height:40px}.recordValues p:last-child{background-color:#e4e2fa;color:#00060f;text-align:center;width:10%;height:100%;line-height:40px}.leftTopPart{display:grid;grid-template-rows:auto 200px auto;padding:28px}.leftTopPart .title{color:#002150;font-size:16px;font-weight:600;text-align:center}.leftTopPart .footerTitle{font-size:10px;color:#7a7a7a;font-weight:500;text-align:center}.gauge{height:200px;position:relative;align-self:center;display:flex;justify-content:center;align-items:normal;width:100%}.ticks{position:absolute;margin-top:20px;top:40px}.ticks span{position:absolute;left:50%;bottom:0;width:4px;height:40px;background:#cbd5e1;transform-origin:center 150px}.ticks span:nth-child(1){transform:rotate(-90deg)}.ticks span:nth-child(2){transform:rotate(-84deg)}.ticks span:nth-child(3){transform:rotate(-78deg)}.ticks span:nth-child(4){transform:rotate(-72deg)}.ticks span:nth-child(5){transform:rotate(-66deg)}.ticks span:nth-child(6){transform:rotate(-60deg)}.ticks span:nth-child(7){transform:rotate(-54deg)}.ticks span:nth-child(8){transform:rotate(-48deg)}.ticks span:nth-child(9){transform:rotate(-42deg)}.ticks span:nth-child(10){transform:rotate(-36deg)}.ticks span:nth-child(11){transform:rotate(-30deg)}.ticks span:nth-child(12){transform:rotate(-24deg)}.ticks span:nth-child(13){transform:rotate(-18deg)}.ticks span:nth-child(14){transform:rotate(-12deg)}.ticks span:nth-child(15){transform:rotate(-6deg)}.ticks span:nth-child(16){transform:rotate(0)}.ticks span:nth-child(17){transform:rotate(6deg)}.ticks span:nth-child(18){transform:rotate(12deg)}.ticks span:nth-child(19){transform:rotate(18deg)}.ticks span:nth-child(20){transform:rotate(24deg)}.ticks span:nth-child(21){transform:rotate(30deg)}.ticks span:nth-child(22){transform:rotate(36deg)}.ticks span:nth-child(23){transform:rotate(42deg)}.ticks span:nth-child(24){transform:rotate(48deg)}.ticks span:nth-child(25){transform:rotate(54deg)}.ticks span:nth-child(26){transform:rotate(60deg)}.ticks span:nth-child(27){transform:rotate(66deg)}.ticks span:nth-child(28){transform:rotate(72deg)}.ticks span:nth-child(29){transform:rotate(78deg)}.ticks span:nth-child(30){transform:rotate(84deg)}.ticks span:nth-child(31){transform:rotate(90deg)}.arc{width:204px;height:104px;border:2px solid #89A7D0BD;border-bottom:none;border-radius:204px 204px 0 0;position:absolute;top:70px;left:50%;transform:translate(-49%)}.chartCenterData{position:absolute;top:90%;left:50%;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.chartCenterData .title{font-size:42px;font-weight:600;color:#242424}.chartCenterData .subTitle{font-size:12px;font-weight:400;color:#002150}.filterSection{display:flex;align-items:center;justify-content:space-between;gap:12px}.filterRightSection{display:flex;align-items:center;gap:12px}.searchInput{border:1px solid #DDE2E4;color:#6e7c87;font-size:14px}.disposition-select{width:100%}.searchInputWrapper{position:relative;max-width:300px}.searchInputWrapper input{width:100%;padding:4px 8px 4px 32px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;height:30px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6;pointer-events:none}.buttonBox{border:1px solid #DDE2E4;border-radius:4px;height:30px;padding:4px 6px;cursor:pointer}.dataCount{font-size:11px;font-weight:500;padding:4px 12px;display:flex;justify-content:center;align-items:center}.disabledArrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUxMDYgNy45MDA5MkgzLjI5MjQ4TTMuMjkyNDggNy45MDA5Mkw3LjkwMTUzIDEyLjUxTTMuMjkyNDggNy45MDA5Mkw3LjkwMTUzIDMuMjkxODciIHN0cm9rZT0iIzdDODM4RiIgc3Ryb2tlLXdpZHRoPSIxLjMxOTUxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;width:30px;background-position:center;cursor:pointer}.enableArrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMjkxNSA3LjkwMDkySDEyLjUwOTZNMTIuNTA5NiA3LjkwMDkyTDcuOTAwNTYgMy4yOTE4N00xMi41MDk2IDcuOTAwOTJMNy45MDA1NiAxMi41MSIgc3Ryb2tlPSIjMjUyQzMyIiBzdHJva2Utd2lkdGg9IjEuMzE5NTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);background-repeat:no-repeat;width:30px;background-position:center;cursor:pointer}.tableWrapper{height:calc(100vh - 110px);overflow:auto}.userDetailsTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableHeader{text-align:left;background:#002150;border:none;height:30px;color:#fff;font-size:12px;font-weight:500}.ds_tableHeader th{padding:0 10px}.ds_tableHeader th:first-child{border:none;outline:none;border-radius:10px 0 0}.ds_tableHeader th:last-child{border:none;outline:none;border-radius:0 10px 0 0}.ds_tableHeader th span{display:flex;align-items:center;gap:4px}.ds_tableBody{max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden}.ds_tableBody::-webkit-scrollbar{width:6px}.ds_tableBody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.ds_tableBody tr{height:73px}.ds_tableBody td{padding:0 10px;font-size:14px;font-weight:400;color:#18181b;border-bottom:1px solid #EAECF0}.ds_tableBody tr:nth-child(2n){background-color:#f9fafb}.ds_tableBody tr:nth-child(odd){background-color:#fff}.fullNameCol{display:flex;align-items:center;gap:8px}.fullNameCol span{width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff}.fullNameCol p{font-size:14px;font-weight:500;color:#18181b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.ds_tableBody tr:nth-child(odd) .fullNameCol span{background-color:#1172fa}.ds_tableBody tr:nth-child(2n) .fullNameCol span{background-color:#be5adc}.switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:44px;font-size:14px;color:#6e8a9d}.switch:after{content:"Inactive";position:absolute;margin-left:50px}.switch:before{content:"Active";position:absolute;right:50px;color:#1172fa}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#1172fa;border-radius:24px;transition:.3s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background-color:#ff581c}input:checked+.slider:before{transform:translate(20px)}.modifyBtn{height:34px;display:flex;justify-content:center;align-items:center;color:#344054;border-radius:8px;border:1px solid #D0D5DD;background:transparent;padding:8px 14px;cursor:pointer;gap:6px}.dashboardContent{display:grid;grid-template-rows:34px 1fr;gap:8px}.adminPageContainer .usersContent{background-color:#fff;display:grid;grid-template-rows:30px 1fr;gap:8px}.adminPageContainer .userInfoContent{display:grid;grid-template-columns:350px auto;gap:8px}.userInfoCard{border:1px solid #EAECED;padding:12px 14px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px}.userInfoCardTitle{font-size:13px;color:#00060f;font-weight:400}.userInfoCardValue{font-size:18px;font-weight:500;color:#242424}.userInfoCardImg{width:35px;height:35px}@media (max-width: 480px){.ds_login-box{height:auto;grid-template-rows:auto auto auto 1fr auto;gap:10px}.diallerInfoChart{gap:12px}.diallerInfoChart .row{grid-template-columns:1fr;height:auto;grid-template-rows:auto 18px;gap:12px}.recordValues p:first-child,.recordValues p:nth-child(2),.recordValues p:last-child{line-height:18px}}@media (max-width: 767px){.dispo-select,.save-btn{width:50%}#topbar{height:97px}.ds_agent-login{grid-template-columns:1fr}.ds_left-section,.sidebarDesktop,.desktopTopbar{display:none}.mobileTopbar{display:grid;width:100%;overflow:hidden;grid-template-rows:54px;background-color:#fff}#topbar .mobileTopbar{grid-template-rows:54px 43px}.mobileTopbar .topSection{display:flex;justify-content:space-between;width:100%;align-items:center;padding:0 5px;border-bottom:1px solid #D9E4EB}.mobileTopbar .topSection .topbarLogo{width:26px;height:26px}.mobileTopbar .topbarLogo{display:block!important}.mobileTopbar .bottomSection{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 5px}.mobileTopbar .bottomSection .topbarItem{gap:2px}.playText,.callText{display:flex;gap:2px}.tobarRightSideIcon,.sipIcon{width:25px;height:25px}.topbarItem p{font-size:10px}.mobileTopbarRightPart{display:flex;align-items:center;gap:10px}.ds_mobileMainContent{top:97px;left:0;width:100%;height:calc(100vh - 97px)}.dashboardContent{grid-template-rows:74px 1fr}.ds_subBar{flex-direction:column-reverse;width:100%;gap:8px}.ds_subBar-left,.ds_tab{width:100%}.ds_subBar-right{width:100%;text-align:center;padding:0;white-space:normal;min-height:34px;line-height:normal;display:flex;align-items:center;justify-content:center}.showSidebarMobile{transform:translate(0);transition:transform .3s ease-in-out}.sidebarHeader{background:#2781ff;height:64px;padding:0 20px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.signoffIcon{justify-self:end;background:#1172fa;border:1px solid #548FF7;width:32px;height:32px;border-radius:5px;display:flex;justify-content:center;align-items:center}.sidebarUserInfoContainer{padding:20px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.userProfile{height:28px;width:28px;background:red;border-radius:50%}.userName{color:#fff;font-size:12px;font-weight:500}.userId{color:#fff;font-size:12px;font-weight:400}.currentTime{color:#fff;font-size:11px;font-weight:400}.ds_sidebar-menu{justify-content:start;padding:20px;gap:16px;grid-template-rows:repeat(6,32px) auto;height:calc(100% - 137px)}.ds_sidebar-menu li{border-bottom:none;display:block;width:auto;height:auto}.signoffContent{width:calc(100vw - 40px)!important;display:grid!important;gap:16px}.signoffContent .version{font-size:11px;color:#b8d1f4;text-align:center}.ds_sidebar-menu li a{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:14px;color:#fff}#adminSidebar .ds_sidebar-menu{grid-template-rows:repeat(11,25px) 1fr;max-height:calc(100vh - 65px)}#adminSidebar .ds_sidebar-menu li:last-child{display:flex;flex-direction:column;height:100%;justify-content:center}#adminSidebar .ds_sidebar-menu li:last-child img{height:25px;width:25px}.ds_adminMobileMainContent{top:55px;height:calc(100vh - 55px);width:100%;left:0}#adminSidebar .ds_sidebar-menu li:first-child{position:relative;top:unset;z-index:unset;background:none}.userIDCol,.phoneIDCol,.levelCol,.roleCol{display:none}.rightTopPart{grid-template-columns:1fr}}@media (max-width: 1024px){.desktopTopbar{justify-content:end}.topbarLogo{display:none}#adminTopbar .topbarLogo{display:block}#adminTopbar .desktopTopbar{justify-content:space-between}.currentTimeTopbar,.profileText{display:none}#adminTopbar .profileText{display:grid}.adminPageContainer .userInfoContent{grid-template-columns:1fr}}.dialer-dropdown{width:280px;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;padding:16px;position:absolute;top:60px;right:20px;display:none;z-index:9999}.dialer-header h4{margin:0;font-size:16px}.status{color:#22c55e;font-size:13px}.dialer-input{width:100%;padding:12px;margin:14px 0;border-radius:6px;border:1px solid #ddd;text-align:center}.call-btn{width:100%;padding:12px;background:#1e6fff;color:#fff;border:none;border-radius:6px;cursor:pointer}.dialer-controls{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.dialer-controls .control{width:52px;height:40px;border-radius:20px;border:none;font-size:16px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000026}.control.pause{background:linear-gradient(135deg,#2f80ff,#1e6fff)}.control.transfer{background:linear-gradient(135deg,#1c6dff,#1554d1)}.control.mute{background:linear-gradient(135deg,#2f80ff,#1e6fff)}.control.end{background:linear-gradient(135deg,#ff581c,#ff3b30)}.dialer-controls .control:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0003}.dialer-controls .control:active{transform:scale(.95)}.ds_chatWrapper{display:flex;height:100vh;border:1px solid #dcdcdc;border-radius:6px;background:#fff;font-family:Arial}.ds_chatSidebar{width:420px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column}.badge{background:#22c55e;color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ds_chatSidebarHeader{padding:12px;font-weight:600}.ds_chatSearch{padding:10px}.ds_chatSearch input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.ds_chatTabs{display:flex;gap:5px;padding:10px}.ds_chatTabs button{flex:1;padding:6px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer}.ds_chatTabs .active{background:#e8f0ff}.ds_chatList{overflow-y:auto;flex:1}.ds_chatItem{padding:12px;border-bottom:1px solid #eee;cursor:pointer}.ds_chatItem:hover{background:#f9f9f9}.ds_chatItem.active{background:#eef4ff;border-left:3px solid #4a7cff}.ds_chatTop{display:flex;align-items:center;gap:8px;margin-bottom:5px}.ds_avatar{width:26px;height:26px;border-radius:50%;background:#4a7cff;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.ds_status{width:8px;height:8px;background:#35c759;border-radius:2px;margin-left:auto}.ds_name{font-size:13px;font-weight:600}.ds_chatItem p{font-size:12px;color:#666;margin:5px 0}.ds_chatBottom{display:flex;justify-content:space-between;font-size:11px;color:#999}.ds_chatContent{flex:1;display:flex;flex-direction:column}.ds_chatHeader{padding:12px;border-bottom:1px solid #eee}.ds_chatMessages{flex:1;padding:20px;overflow-y:auto;background:#fafafa}.ds_messageRow{display:flex;gap:10px;margin-bottom:20px}.ds_messageRow.right{justify-content:flex-end}.ds_message{max-width:420px;background:#fff;padding:10px;border-radius:6px;border:1px solid #eee}.ds_message.left{background:#fff}.ds_message.right{background:#f0f6ff}.ds_messageHead{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ds_message p{font-size:13px;margin:0}.small{width:24px;height:24px;font-size:11px}.ds_chatInput{padding:10px;border-top:1px solid #eee;display:flex;gap:10px}.ds_chatInput input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.ds_chatInput button{background:#2f80ed;border:none;color:#fff;padding:8px 18px;border-radius:5px;cursor:pointer}.ds_chatTopBar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f5f6f8;border-bottom:1px solid #ddd}.ds_chatTitle h3{margin:0;font-size:18px;font-weight:600}.ds_chatTitle p{margin:2px 0 0;font-size:12px;color:#777}.ds_chatFilters{display:flex;gap:10px;align-items:center}.ds_chatFilters select,.ds_chatFilters input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff}.ds_searchBtn{background:#2f80ed;color:#fff;border:none;padding:7px 12px;border-radius:4px;cursor:pointer;font-size:14px}.ds_chatList{padding:10px;overflow-y:auto}.ds_chatItem{background:#fff;border:1px solid #d8dee7;border-radius:6px;padding:10px;margin-bottom:10px;cursor:pointer}.ds_chatItem.active{border:2px solid #4a7cff}.ds_chatRow{display:flex;gap:10px}.ds_avatar{width:26px;height:26px;background:#e6f0ff;color:#3b6fff;font-size:11px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds_chatInfo{overflow:hidden;flex:1}.ds_chatTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ds_name{font-size:13px;font-weight:600;color:#2b2b2b}.ds_status{width:10px;height:10px;border:2px solid #34c759;border-radius:2px}.ds_messagePreview{font-size:12px;color:#555;margin:4px 0;line-height:1.4}.ds_chatBottom{display:flex;justify-content:space-between;font-size:11px;color:#777;margin-top:6px}.ds_reply{font-weight:500}.ds_time{color:#888}@media (max-width: 900px){.layout,.dashboard-layout,.broadcast-layout,.report-layout,.flow-layout,.app-shell,.account-shell,.wrap,.page{min-height:100dvh;width:100%;overflow-x:hidden}.layout,.dashboard-layout,.broadcast-layout,.report-layout,.flow-layout,.app-shell,.account-shell,.page{display:flex}.main-area,.broadcast-main,.report-main,.flow-main,.account-main,.wrap{width:100%!important;min-width:0!important;margin-left:0!important;padding-left:0!important}.top,.app-header,.broadcast-top,.report-top,.flow-topbar,.profile-topbar{min-height:54px;padding:10px 12px 10px 58px!important;gap:8px;flex-wrap:wrap}.top h2,.broadcast-top h1,.report-top h1,.flow-topbar h1,.app-header h2,.app-header h1,.page-head h1{font-size:18px!important;line-height:1.2}.profile-info,.subtext,.top small{display:none!important}.page-body,.page-content,.broadcast-main,.report-main,.flow-main,.account-main,.ds_mainContent,.sds_mainContent,.ds_mobileMainContent{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:calc(100dvh - 54px);padding:12px!important;overflow-x:hidden}.page-head,.broadcast-top,.report-top,.flow-topbar,.ds_header_container,.ds_filters,.toolbar,.header-right,.right,.top-actions,.actions,.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.page-head,.broadcast-top,.report-top,.flow-topbar,.ds_header_container{align-items:flex-start}.ds_filters,.toolbar,.filters{width:100%}.ds_filters input,.ds_filters select,.filters input,.filters select,.search-box,.toolbar input,.toolbar select{min-width:0!important;flex:1 1 140px}.cards-grid,.broadcast-grid,.preview-grid,.editor-grid,.ds_stats_grid,.ds_panel_row,.grid,.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.panel,.card,.channel-card,.stat_card,.modal,.table-card{max-width:100%;min-width:0}.panel,.card,.channel-card,.stat_card{border-radius:14px!important}table,.ds_table{min-width:680px}.panel:has(table),.table-wrap,.table-container,.ds_table_wrapper,.ds_tableWrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.ds_table{display:table!important;width:100%}.modal-overlay{padding:0!important;align-items:stretch!important}.modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto!important}.modal-body{max-height:none!important;overflow:visible!important}.modal-footer,.modal-head,.modal-header{position:sticky;background:#fff;z-index:3}.modal-head,.modal-header{top:0}.modal-footer{bottom:0;flex-wrap:wrap}.leftbar,.panel{width:100%!important}.canvas,.vf{min-height:420px!important}}@media (max-width: 640px){.top,.app-header{padding-left:56px!important}.page-body,.ds_mainContent,.sds_mainContent,.ds_mobileMainContent{padding:10px!important}.actions button,.toolbar button,.header-right button,.right button,.ds_search_btn,.manage-btn,.workflow-btn,.logout-btn{padding:8px 10px!important;font-size:12px!important;white-space:nowrap}.profile,.header-right,.right{gap:6px!important}.profile-badge{width:34px!important;height:34px!important;font-size:12px!important}}:where(.layout,.dashboard-layout,.admin-layout,.broadcast-layout,.report-layout,.flow-layout,.app-shell,.account-shell,.ds_pageContainer,.ds_app){width:100%;max-width:100%;min-width:0;overflow-x:hidden}:where(.main-area,.admin-main,.admin-content,.page-body,.page-content,.ds_content,.ds_mainContent,.broadcast-main,.report-main,.flow-main,.account-main){min-width:0;max-width:100%}:where(.page-body,.page-content,.admin-content,.ds_content,.broadcast-main,.report-main,.flow-main,.account-main){overflow-x:hidden}:where(.cards-grid,.content-grid,.ds_stats_grid,.ds_panel_row,.metrics-grid,.grid,.form-grid,.config-grid,.report-grid,.broadcast-grid,.contacts-layout,.editor-grid,.preview-grid)>*{min-width:0}:where(.card,.panel,.table-card,.form-card,.channel-card,.template-panel,.campaign-panel,.analytics-card,.metric-card){max-width:100%}:where(.table-wrap,.table-container,.table-card,.panel_table_scroll,.dt,.dt-table-wrap,.ds_table_wrapper,.ds_tableWrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}:where(.page-body,.page-content,.admin-content,.ds_content,.broadcast-main,.report-main,.flow-main,.account-main) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:40px}:where(.page-body,.page-content,.admin-content,.ds_content,.broadcast-main,.report-main,.flow-main,.account-main) :where(button,.btn,.manage-btn,.workflow-btn,.ds_search_btn){min-height:38px}:where(.page-body,.page-content,.admin-content,.ds_content,.broadcast-main,.report-main,.flow-main,.account-main) :where(.icon-btn,.logout-btn,.wa-btn,.pencil-btn,.dt-nav-btn,.close,.switchTrack,.toggle,.toggleBtn){min-height:unset}:where(.page-head,.app-header,.top,.broadcast-top,.report-top,.flow-topbar,.toolbar,.filters,.actions,.top-actions,.header-right,.right){min-width:0}:where(.page-head,.app-header,.top,.broadcast-top,.report-top,.flow-topbar,.toolbar,.filters,.actions,.top-actions,.header-right,.right)>*{min-width:0}:where(.name,.email,.subtext,.cardTitle,.cardSub,.title,.subtitle){overflow-wrap:anywhere}@media (max-width: 480px){:where(.page-body,.page-content,.admin-content,.ds_content,.broadcast-main,.report-main,.flow-main,.account-main){padding:10px!important}:where(.page-head,.app-header,.top,.broadcast-top,.report-top,.flow-topbar,.toolbar,.filters,.actions,.top-actions,.header-right,.right){gap:8px!important}}