.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:var(--t-ffffff);font-size:14px;min-width:220px;animation:slideIn .3s ease}.toast-container .success{background:var(--s-22c55e)}.toast-container .error{background:var(--s-ef4444)}.toast-container .info{background:var(--s-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:var(--s-ffffff);border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 50px #0f172a33}.confirm-modal .title{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--t-0f172a)}.confirm-modal .message{margin:0;font-size:14px;line-height:1.55;color:var(--t-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:var(--s-eef2f7);color:var(--t-183b67)}.confirm-modal .ok{background:var(--s-2f80ed);color:var(--t-ffffff)}.confirm-modal .danger{background:var(--s-dc2626)}.confirm-modal .btn:focus-visible{outline:2px solid var(--b-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,var(--s-f3f3f3),var(--s-f3f3f3)),linear-gradient(0deg,var(--s-f1f5f8),var(--s-f1f5f8))}.leftSection .header{font-size:32px;font-weight:500;color:var(--t-2a2a33)}.leftSection .subHeader{color:var(--t-1172fa)}.loginLeftImg{align-self:end;width:100%}.rightSectionLogin{padding:20px;background-color:var(--s-ffffff);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:var(--t-2a2a33);text-align:center;max-width:380px}.loginSubHeader{color:var(--t-313957);font-size:16px;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:var(--t-0c1421);width:fit-content}.dsInput{height:44px;line-height:44px;border-radius:2px;outline:none;padding:0 10px;background-color:var(--s-f7fbff);border:1px solid var(--b-d4d7e3);font-size:14px;font-weight:400;color:var(--t-2a2a33);width:100%}.dsInput:focus{border-color:var(--b-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,var(--s-1172fa),var(--s-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 var(--x-375dfb);box-shadow:0 1px 2px #253ea77a;border-radius:2px;color:var(--t-ffffff);font-size:14px;font-weight:500;cursor:pointer}.forgotPasswordLink,.signUpLink{text-decoration:none;color:var(--t-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:var(--t-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:var(--s-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:24px;margin-bottom:10px}.login-container .subtitle{color:var(--t-666666);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 var(--b-dddddd)}.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:var(--s-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:var(--t-666666);display:flex;align-items:center}.login-container .eye-btn:hover{color:var(--t-2f7cf6)}.login-container .refresh-btn{height:44px;width:44px;border:1px solid var(--b-d4d7e3);background:var(--s-ffffff);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t-667085);transition:all .2s ease}.login-container .refresh-btn:hover{color:var(--t-1172fa);border-color:var(--b-1172fa);background:var(--s-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)}.composer{display:flex;align-items:center;gap:10px;padding:8px;flex-wrap:wrap}.composer .icon-btn{width:42px;height:42px;border:1px solid var(--b-d9e1ea);border-radius:50%;background:var(--s-ffffff);display:flex;align-items:center;justify-content:center;cursor:pointer}.composer .icon-btn.active,.composer .template-toggle.active{background:var(--s-00a884);color:var(--t-ffffff);border-color:var(--b-00a884);box-shadow:0 0 0 3px #00a8842e}.composer .attach-popover{position:absolute;bottom:52px;left:0;width:220px;background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-6b7280);padding:4px 8px 2px}.composer .storage-picker{display:grid;gap:6px;padding:0 8px 6px}.composer .storage-select{width:100%;border:1px solid var(--b-d9e1ea);border-radius:10px;padding:8px;font-size:12px;background:var(--s-ffffff);color:var(--t-111827)}.composer .attach-divider{height:1px;background:var(--s-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:var(--s-f4f7fb)}.composer .attach-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--t-ffffff)}.composer .image{background:var(--s-22c55e)}.composer .video{background:var(--s-3b82f6)}.composer .audio{background:var(--s-a855f7)}.composer .doc{background:var(--s-f97316)}.composer .template-wrap{display:flex;gap:8px;align-items:center}.composer .template-toggle{display:none}.composer .template-select{height:42px;border:1px solid var(--b-d9e1ea);border-radius:999px;padding:0 12px;background:var(--s-ffffff)}.composer .template-btn{height:42px;padding:0 14px;border-radius:999px;background:var(--s-0f766e);color:var(--t-ffffff);border:none;cursor:pointer}.composer .msg-input{flex:1;min-width:220px;height:42px;border:1px solid var(--b-d9e1ea);border-radius:999px;padding:0 14px}.composer .send-btn{height:42px;padding:0 16px;border-radius:999px;background:var(--s-1172fa);color:var(--t-ffffff);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:var(--s-ffffff);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:20px;cursor:pointer;line-height:1}.composer .server-row{display:grid;gap:6px;margin-bottom:12px}.composer .server-label{font-size:12px;color:var(--t-475569);font-weight:600}.composer .server-input{height:42px;border:1px solid var(--b-d9e1ea);border-radius:10px;padding:0 12px;background:var(--s-ffffff)}.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:var(--s-e5e7eb);color:var(--t-111827)}.composer .save-btn{background:var(--s-1172fa);color:var(--t-ffffff)}.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:var(--t-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 var(--b-e5e7eb);background:var(--s-ffffff);border-radius:12px;overflow:hidden;cursor:pointer;text-align:left;padding:0}.composer .server-card.active{border-color:var(--b-1172fa);box-shadow:0 0 0 2px #1172fa1f}.composer .server-thumb{width:100%;height:120px;object-fit:cover;display:block;background:var(--s-f8fafc)}.composer .server-icon-box{height:120px;display:flex;align-items:center;justify-content:center;background:var(--s-f8fafc);font-size:32px}.composer .server-file-meta{padding:10px}.composer .server-file-name{font-size:12px;font-weight:600;color:var(--t-111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .server-file-type{font-size:12px;color:var(--t-64748b);margin-top:2px}.composer .template-preview-modal{width:420px;max-width:calc(100vw - 24px);background:var(--s-ffffff);border-radius:18px;padding:16px;box-shadow:0 20px 60px #0000002e}.composer .wa-preview{background:var(--s-e5ddd5);border-radius:14px;padding:16px;margin-top:10px}.composer .wa-header{font-weight:700;margin-bottom:10px;color:var(--t-111827)}.composer .wa-body{white-space:pre-wrap;line-height:1.5;color:var(--t-111827);font-size:14px}.composer .wa-footer{margin-top:10px;font-size:12px;color:var(--t-64748b)}.composer .wa-buttons{display:grid;gap:8px;margin-top:14px}.composer .template-preview-modal{width:420px;max-width:calc(100vw - 24px);background:var(--s-ffffff);border-radius:18px;padding:16px}.composer .wa-preview{background:var(--s-e5ddd5);border-radius:14px;padding:14px;margin-top:10px}.composer .wa-template-name{font-size:12px;color:var(--t-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:var(--t-64748b)}.composer .wa-media-preview{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:10px;background:var(--s-f8fafc)}.composer .wa-buttons{display:grid;gap:8px;margin-top:12px}.composer .wa-btn{border:none;background:var(--s-ffffff);color:var(--t-1172fa);border-radius:10px;padding:10px;font-weight:600}.composer .template-preview-modal{width:390px;max-width:calc(100vw - 24px);background:var(--s-ffffff);border-radius:18px;padding:16px;box-shadow:0 20px 60px #0000002e}.composer .phone-preview{width:300px;margin:12px auto;border:10px solid var(--b-111827);border-radius:34px;overflow:hidden;background:var(--s-111827);box-shadow:0 18px 45px #00000040}.composer .phone-top{height:54px;background:var(--s-075e54);color:var(--t-ffffff);display:flex;align-items:center;gap:10px;padding:0 12px}.composer .phone-avatar{width:34px;height:34px;border-radius:50%;background:var(--s-22c55e);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.composer .phone-title{font-size:12px;font-weight:700}.composer .phone-subtitle{font-size:12px;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),var(--s-e5ddd5)}.composer .wa-bubble{max-width:240px;background:var(--s-dcf8c6);margin-left:auto;border-radius:12px 12px 2px;padding:8px;font-size:12px;color:var(--t-111827)}.composer .wa-template-name{font-size:12px;color:var(--t-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:12px;color:var(--t-64748b)}.composer .wa-media-preview{width:100%;max-height:145px;object-fit:cover;border-radius:8px;margin-bottom:8px;background:var(--s-f8fafc)}.composer .wa-media-placeholder{height:120px;border-radius:8px;background:var(--s-f8fafc);color:var(--t-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 var(--b-e5e7eb);background:var(--s-ffffff);color:var(--t-1172fa);padding:8px;font-size:12px;font-weight:600;border-radius:6px}.composer .wa-time{text-align:right;font-size:12px;color:var(--t-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:var(--s-2a3942);color:var(--t-aebac1)}.composer .icon-btn.active,.composer .template-toggle.active{background:var(--s-00a884);color:var(--t-ffffff);box-shadow:0 0 0 2px #00a88447}.composer .msg-input{min-width:0;width:100%;height:42px;border:0;background:var(--s-2a3942);color:var(--t-e9edef);padding:0 14px}.composer .msg-input::placeholder{color:var(--t-8696a0)}.composer .send-btn{width:54px;height:42px;padding:0;border-radius:999px;background:var(--s-00a884);color:var(--t-ffffff);font-size:0;position:relative}.composer .send-btn:before{content:"➤";font-size:16px;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:var(--s-2a3942);color:var(--t-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:var(--s-111b21);border:1px solid var(--b-26343d)}.composer .template-select,.composer .template-btn{height:38px}.composer .template-select{min-width:0;width:100%;border:0;background:var(--s-2a3942);color:var(--t-e9edef)}.composer .template-btn{white-space:nowrap;padding:0 10px;background:var(--s-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:var(--s-202c33);border:0;color:var(--t-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 var(--b-26343d)}.composer .attach-head strong{font-size:16px}.composer .attach-close{width:38px;height:38px;border-radius:999px;background:var(--s-2a3942);color:var(--t-e9edef)}.composer .attach-section-title{color:var(--t-8696a0)}.composer .attach-item{color:var(--t-e9edef)}.composer .attach-item:hover{background:var(--s-2a3942)}.composer .attach-divider{background:var(--s-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)}}.email-composer{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid var(--b-e1e5eb);background:var(--s-ffffff);font-family:Archivo,sans-serif;font-size:12px}.email-composer--blocked{color:var(--t-6b7280);line-height:1.5}.ec-row{display:flex;align-items:center;gap:8px;min-width:0}.ec-label{flex:0 0 52px;color:var(--t-6b7280);font-weight:600}.ec-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t-111111)}.ec-input{flex:1;min-width:0;border:1px solid var(--b-e1e5eb);border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;outline:none}.ec-input:focus{border-color:var(--b-1172fa)}.ec-copies-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--t-1172fa);cursor:pointer;font:inherit;font-size:12px;padding:2px 4px}.ec-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ec-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--t-6b7280);cursor:pointer}.ec-template{border:1px solid var(--b-e1e5eb);border-radius:8px;padding:5px 8px;background:var(--s-ffffff);font:inherit;font-size:12px;max-width:190px}.ec-attach{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--b-e1e5eb);border-radius:8px;background:var(--s-ffffff);color:var(--t-6b7280);cursor:pointer}.ec-attach:hover{border-color:var(--b-1172fa);color:var(--t-1172fa)}.ec-size{color:var(--t-6b7280);margin-left:auto}.ec-files{display:flex;flex-wrap:wrap;gap:6px}.ec-file{display:inline-flex;align-items:center;gap:6px;background:var(--s-f5f7fb);border:1px solid var(--b-e1e5eb);border-radius:999px;padding:3px 6px 3px 10px;max-width:100%}.ec-file em{color:var(--t-6b7280);font-style:normal}.ec-file button{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;border-radius:50%;background:var(--s-e1e5eb);color:var(--t-374151);cursor:pointer;padding:0}.ec-file button:hover{background:var(--s-fecaca);color:var(--t-dc2626)}.ec-body{width:100%;border:1px solid var(--b-e1e5eb);border-radius:10px;padding:10px 12px;resize:vertical;font:inherit;font-size:12px;line-height:1.55;outline:none}.ec-body:focus{border-color:var(--b-1172fa)}.ec-note{color:var(--t-6b7280);line-height:1.45}.ec-actions{display:flex;justify-content:flex-end}.ec-send{border:0;border-radius:10px;padding:8px 18px;background:var(--s-1172fa);color:var(--t-ffffff);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ec-send:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 640px){.ec-label{flex-basis:42px}.ec-template{max-width:100%}}.meta-composer{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid var(--b-e1e5eb);background:var(--s-ffffff);font-family:Archivo,sans-serif;font-size:12px}.mc-window{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--s-eff6ff);color:var(--t-1d4ed8);line-height:1.45}.mc-window--urgent{background:var(--s-fef3c7);color:var(--t-92400e);font-weight:600}.mc-window--closed{background:var(--s-fef2f2);color:var(--t-b91c1c)}.mc-body{width:100%;border:1px solid var(--b-e1e5eb);border-radius:10px;padding:10px 12px;resize:vertical;font:inherit;font-size:12px;line-height:1.55;outline:none}.mc-body:focus{border-color:var(--b-1172fa)}.mc-body:disabled{background:var(--s-f5f7fb);color:var(--t-6b7280);cursor:not-allowed}.mc-actions{display:flex;justify-content:flex-end}.mc-send{border:0;border-radius:10px;padding:8px 18px;background:var(--s-1172fa);color:var(--t-ffffff);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.mc-send:disabled{opacity:.55;cursor:not-allowed}.template-bubble-wrap{display:flex;justify-content:flex-end;width:100%}.template-bubble-wrap .template-bubble{width:fit-content;max-width:300px;background:var(--s-dcf8c6);color:var(--t-111827);border-radius:12px 12px 2px;padding:8px;font-size:12px;box-shadow:0 1px 1px #00000014}.template-bubble-wrap .template-bubble.loading,.template-bubble-wrap .template-bubble.error{background:var(--s-ffffff);color:var(--t-64748b)}.template-bubble-wrap .template-bubble.error{color:var(--t-dc2626)}.template-bubble-wrap .template-name{font-size:12px;color:var(--t-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:var(--s-f8fafc)}.template-bubble-wrap .template-document{display:block;background:var(--s-ffffff);color:var(--t-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:12px;color:var(--t-64748b)}.template-bubble-wrap .template-buttons{display:grid;gap:4px;margin-top:8px}.template-bubble-wrap .template-button{border:none;border-top:1px solid var(--b-e5e7eb);background:var(--s-ffffff);color:var(--t-1172fa);padding:8px;font-size:12px;font-weight:600;border-radius:6px}.template-bubble-wrap .template-time{text-align:right;font-size:12px;color:var(--t-64748b);margin-top:4px}.wa-location-card{width:280px;overflow:hidden;border-radius:16px;background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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:var(--t-6b7280);margin-top:4px;line-height:1.4}.wa-location-card .footer{margin-top:10px;font-size:12px;color:var(--t-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:var(--t-0f172a);padding-bottom:6px;border-bottom:1px solid var(--b-e2e8f0)}.email-message .email-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;color:var(--t-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:var(--s-f1f5f9);border:1px solid var(--b-e2e8f0);color:var(--t-475569)}.email-message .email-html-frame{width:100%;min-height:260px;border:1px solid var(--b-e2e8f0);border-radius:10px;background:var(--s-ffffff)}.email-message .email-error{font-size:12px;color:var(--t-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 var(--b-cbd5e1);background:var(--s-ffffff);color:var(--t-334155);cursor:pointer}.email-message .email-original-btn:disabled{opacity:.6;cursor:not-allowed}.wa-contact-card{width:260px;background:var(--s-ffffff);border-radius:16px;overflow:hidden;border:1px solid var(--b-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:var(--s-dcfce7);color:var(--t-16a34a);display:flex;align-items:center;justify-content:center}.wa-contact-card .info{flex:1}.wa-contact-card .name{font-size:14px;font-weight:600;color:var(--t-111827)}.wa-contact-card .label{font-size:12px;color:var(--t-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:var(--t-16a34a);flex-shrink:0}.wa-contact-card .phone,.wa-contact-card .email{text-decoration:none;color:var(--t-0f172a);font-size:12px;word-break:break-word}.wa-contact-card .phone:hover,.wa-contact-card .email:hover{color:var(--t-16a34a)}.wa-contact-card .org{margin-top:12px;font-size:12px;color:var(--t-475569);padding-top:10px;border-top:1px solid var(--b-f1f5f9)}.pause-bar{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;min-width:0}.pause-bar .pb-status,.pause-bar .pb-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.pause-bar .pb-status{flex:0 0 auto}.pause-bar .pb-controls{flex:0 1 auto;min-width:0}.pause-bar .pb-pill,.pause-bar .pb-code-pill{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;flex:0 0 auto}.pause-bar .pb-pill.ready{background:var(--s-ecfdf5);color:var(--t-059669)}.pause-bar .pb-pill.paused,.pause-bar .pb-pill.away{background:var(--s-fff7ed);color:var(--t-c2410c)}.pause-bar .pb-pill.live{background:var(--s-eff6ff);color:var(--t-2563eb)}.pause-bar .pb-pill.offline{background:var(--s-f3f4f6);color:var(--t-6b7280)}.pause-bar .pb-code-pill{background:var(--s-f8fafc);color:var(--t-334155);border:1px solid var(--b-e2e8f0)}.pause-bar .pb-timer{font-size:12px;font-weight:700;color:var(--t-111827);min-width:72px;white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums}.pause-bar .pb-select{height:38px;flex:0 1 180px;min-width:90px;border:1px solid var(--b-d1d5db);border-radius:10px;padding:0 10px;background:var(--s-ffffff)}.pause-bar .pb-pause,.pause-bar .pb-resume{width:100px;height:38px;padding:0 14px;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;flex:0 0 auto;white-space:nowrap}.pause-bar .pb-pause{background:var(--s-f59e0b)}.pause-bar .pb-resume{background:var(--s-22c55e)}.pause-bar .pb-pause:disabled,.pause-bar .pb-resume:disabled,.pause-bar .pb-select:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 560px){.pause-bar{flex-wrap:wrap}.pause-bar .pb-controls{flex:1 1 100%}.pause-bar .pb-select{flex:1 1 auto}}.queue-login .queue-box{background:var(--s-ffffff);padding:16px;border-radius:12px;border:1px solid var(--b-e5e7eb);max-width:320px}.queue-login.loading{font-size:12px;color:var(--t-64748b)}.queue-login.queue-control{display:flex;align-items:center;gap:10px}.queue-login .queue-select{height:36px;min-width:180px;border:1px solid var(--b-d1d5db);border-radius:10px;padding:0 10px;background:var(--s-ffffff);font-size:12px}.queue-login .status{font-size:12px;font-weight:600}.queue-login .status.on{color:var(--t-22c55e)}.queue-login .status.off{color:var(--t-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:var(--s-22c55e);color:var(--t-ffffff)}.queue-login .logout-btn{background:var(--s-ef4444);color:var(--t-ffffff)}.dispo-wrap{display:flex;gap:8px;align-items:center}.dispo-wrap .callback-input{height:32px;border-radius:6px;border:1px solid var(--b-dddddd);padding:0 8px;font-size:12px}.dispo-wrap .save-btn{height:32px;padding:0 10px;border-radius:6px;border:none;background:var(--s-22c55e);color:#fff;cursor:pointer}.transfer-popup .transfer-btn{height:32px;padding:0 12px;border-radius:8px;border:none;background:var(--s-3b82f6);color:var(--t-ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.transfer-popup .transfer-btn:hover{background:var(--s-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:var(--s-ffffff);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 var(--b-eeeeee)}.transfer-popup .popup-head h3{margin:0;font-size:16px}.transfer-popup .popup-close{border:none;background:transparent;font-size:16px;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:var(--t-64748b)}.transfer-popup .popup-field{display:grid;gap:6px}.transfer-popup .popup-field label{font-size:12px;font-weight:600}.transfer-popup .popup-select,.transfer-popup .popup-textarea{width:100%;border:1px solid var(--b-d1d5db);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--s-ffffff);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 var(--b-eeeeee)}.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:var(--s-eef2f7);color:var(--t-334155)}.transfer-popup .popup-save{background:var(--s-3b82f6);color:var(--t-ffffff)}.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:var(--s-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:var(--s-202c33);color:var(--t-e9edef);border-bottom:1px solid var(--b-26343d)}.transfer-popup .popup-close{color:var(--t-e9edef)}.transfer-popup .popup-body{flex:1;overflow:auto;background:var(--s-111b21);color:var(--t-e9edef)}.transfer-popup .popup-info small,.transfer-popup .popup-field label{color:var(--t-8696a0)}.transfer-popup .popup-select,.transfer-popup .popup-textarea{background:var(--s-2a3942);color:var(--t-e9edef);border:0}.transfer-popup .popup-footer{display:grid;grid-template-columns:1fr;gap:8px;background:var(--s-202c33);border-top:1px solid var(--b-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 var(--b-dddddd);background:var(--s-ffffff);cursor:pointer}.popover-wrapper .popover{position:absolute;top:110%;right:0;width:340px;background:var(--s-ffffff);border-radius:12px;border:1px solid var(--b-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 var(--b-eeeeee)}.popover-wrapper .close{cursor:pointer}.popover-wrapper .pop-body{padding:10px;display:flex;flex-direction:column;gap:8px}.popover-wrapper .input{border:1px solid var(--b-dddddd);border-radius:8px;padding:8px;font-size:12px}.popover-wrapper .pop-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px}.popover-wrapper .save{background:var(--s-2563eb);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.popover-wrapper .cancel{background:var(--s-eeeeee);border:none;padding:6px 10px;border-radius:6px}.popover-wrapper .template-preview{background:var(--s-e5ddd5);border-radius:12px;padding:12px}.popover-wrapper .wa-bubble{max-width:260px;margin-left:auto;background:var(--s-dcf8c6);border-radius:12px 12px 2px;padding:8px;font-size:12px;color:var(--t-111827)}.popover-wrapper .tpl-name{font-size:12px;color:var(--t-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:var(--s-ffffff);color:var(--t-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:12px;color:var(--t-64748b)}.popover-wrapper .tpl-buttons{display:grid;gap:4px;margin-top:8px}.popover-wrapper .tpl-btn{border:none;border-top:1px solid var(--b-e5e7eb);background:var(--s-ffffff);color:var(--t-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:var(--s-111b21);color:var(--t-e9edef);display:flex;flex-direction:column}.popover-wrapper .pop-head{min-height:58px;align-items:center;background:var(--s-202c33);border-bottom:1px solid var(--b-26343d);padding:14px}.popover-wrapper .pop-body{flex:1;overflow:auto;padding:14px}.popover-wrapper .input{width:100%;min-height:42px;background:var(--s-2a3942);color:var(--t-e9edef);border:0}.popover-wrapper .input::placeholder{color:var(--t-8696a0)}.popover-wrapper .pop-footer{display:grid;grid-template-columns:1fr;gap:8px;background:var(--s-202c33);border-top:1px solid var(--b-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{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--s-1172fa, #0284c7);color:var(--t-ffffff, #ffffff);padding:0 14px;height:34px;border-radius:8px;border:none;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 1px 2px #00000014;transition:all .15s ease}.create-conversation-modal .btn:hover{filter:brightness(.92);transform:translateY(-1px)}.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:var(--s-ffffff);padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.create-conversation-modal .modal input{padding:10px;border:1px solid var(--b-dddddd);border-radius:8px}.create-conversation-modal .actions{display:flex;justify-content:space-between;margin-top:10px}.create-conversation-modal .cancel{background:var(--s-aaaaaa);color:var(--t-ffffff);border:none;padding:8px 12px;border-radius:8px}.create-conversation-modal .submit{background:var(--s-1172fa);color:var(--t-ffffff);border:none;padding:8px 12px;border-radius:8px}.create-conversation-modal .submit:disabled{opacity:.6}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--b-e5e7eb);border-radius:6px;background:var(--s-ffffff);color:var(--t-475569);cursor:pointer}.theme-toggle:hover{background:var(--s-f1f5f9);color:var(--t-111827)}.theme-toggle:focus-visible{outline:2px solid var(--b-2563eb);outline-offset:1px}.user-menu{position:relative;display:inline-flex}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;font:inherit;height:36px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;cursor:pointer;max-width:220px}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{background:#7f8c9e24}.user-menu-trigger:focus-visible{outline:2px solid var(--primary, var(--b-2563eb));outline-offset:1px}.user-menu-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, var(--s-2563eb));color:var(--t-ffffff);font-size:11px;font-weight:600}.user-menu-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-identity{display:flex;flex-direction:column;line-height:1.25;min-width:0;text-align:left}.user-menu-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-meta{font-size:11px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-caret{flex:0 0 auto;opacity:.6;transition:transform .12s ease}.user-menu-trigger[aria-expanded=true] .user-menu-caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.user-menu-caret{transition:none}}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:95;min-width:190px;padding:6px;border-radius:10px;border:1px solid var(--border, var(--b-e5e7eb));background:var(--s-ffffff);box-shadow:0 12px 32px #10182829;display:flex;flex-direction:column;gap:2px;color:var(--t-101828)}.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;font:inherit;font-size:13px;padding:8px 10px;border:0;border-radius:6px;background:none;color:inherit;text-decoration:none;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--s-f2f4f7)}.user-menu-item:focus-visible{outline:2px solid var(--primary, var(--b-2563eb));outline-offset:-2px}.user-menu-danger{color:var(--t-b42318)}.user-menu-danger:hover{background:var(--s-fef3f2)}@media (max-width: 640px){.user-menu-identity{display:none}.user-menu-trigger{padding:0 4px}}.app-topbar{display:flex;align-items:center;gap:16px;height:56px;padding:0 20px;box-sizing:border-box;background:var(--s-ffffff);border-bottom:1px solid var(--b-e5e7eb);color:var(--t-111827)}.app-topbar-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none;color:inherit;border-radius:6px}.app-topbar-brand:focus-visible{outline:2px solid var(--b-2563eb);outline-offset:2px}.app-topbar-logo{height:26px;width:auto;display:block}.app-topbar-name{display:flex;flex-direction:column;line-height:1.2}.app-topbar-title{font-size:15px;font-weight:700;white-space:nowrap}.app-topbar-subtitle{font-size:11px;color:var(--t-6b7280);white-space:nowrap}.app-topbar-slot{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;overflow:hidden}.app-topbar-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.app-topbar-slot select,.app-topbar-slot button,.app-topbar-actions button{height:34px;border-radius:8px;font-family:inherit;font-size:13px;box-sizing:border-box}.app-topbar-slot select{padding:0 10px;background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);color:var(--t-111827);outline:none;cursor:pointer;transition:border-color .15s ease}.app-topbar-slot select:focus{border-color:#0284c7}.app-topbar-slot button,.app-topbar-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;font-weight:500;border:1px solid var(--b-e5e7eb);background:var(--s-ffffff);color:var(--t-111827);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.app-topbar-slot button:hover:not(:disabled),.app-topbar-actions button:hover:not(:disabled){background:var(--s-f3f4f6);border-color:var(--b-d1d5db);color:var(--t-111827);box-shadow:0 1px 3px #00000014}.app-topbar-slot button:active:not(:disabled),.app-topbar-actions button:active:not(:disabled){transform:translateY(1px)}.app-topbar-slot button:focus-visible,.app-topbar-actions button:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.app-topbar-actions button.save,.app-topbar-actions button.primary,.app-topbar-slot button.primary{background:linear-gradient(180deg,#0284c7,#0369a1);border:1px solid #0284c7;color:#fff;font-weight:600;box-shadow:0 1px 3px #0284c759,inset 0 1px #ffffff26}.app-topbar-actions button.save:hover:not(:disabled),.app-topbar-actions button.primary:hover:not(:disabled),.app-topbar-slot button.primary:hover:not(:disabled){background:linear-gradient(180deg,#0369a1,#075985);border-color:#0369a1;color:#fff;box-shadow:0 2px 6px #0284c773}.app-topbar-actions button.ghost,.app-topbar-slot button.ghost{background:transparent;border-color:transparent;color:var(--t-6b7280);box-shadow:none}.app-topbar-actions button.ghost:hover:not(:disabled),.app-topbar-slot button.ghost:hover:not(:disabled){background:var(--s-f3f4f6);border-color:var(--b-e5e7eb);color:var(--t-111827)}.app-topbar-slot button:disabled,.app-topbar-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@keyframes topbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-spinner{animation:topbar-spin 1s linear infinite}@media (max-width: 640px){.app-topbar{gap:10px;padding:0 12px}.app-topbar-name{display:none}}.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:var(--s-0f172a);color:var(--t-ffffff);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:var(--s-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:var(--t-cbd5e1);display:block;margin-top:4px}.wrap .waCallError{color:var(--t-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:var(--t-ffffff);cursor:pointer}.wrap .waCallBtn:disabled{opacity:.6;cursor:not-allowed}.wrap .waCallBtn.accept{background:var(--s-16a34a)}.wrap .waCallBtn.reject{background:var(--s-dc2626)}.wrap .waCallBtn.secondary{background:var(--s-334155)}.wrap .waCallCard audio{display:none}.wrap .overlay-content{background:var(--s-ffffff);padding:24px;border-radius:14px;min-width:320px}.wrap{min-height:100vh;background:var(--s-f5f7fb);color:var(--t-1f2937)}.wrap .state{font-size:14px;color:var(--t-6b7280)}.wrap .main{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px 20px 20px}.wrap .left,.wrap .right{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:16px;overflow:hidden}.wrap .left h3,.wrap .right h3{margin:0;padding:16px 16px 10px;font-size:16px;font-weight:700}.wrap .tabs{display:flex;gap:10px;padding:0 16px 14px}.wrap .tab{border:none;padding:10px 14px;border-radius:10px;background:var(--s-eef2f7);color:var(--t-374151);cursor:pointer;font-weight:600}.wrap .on{background:var(--s-1172fa);color:var(--t-ffffff)}.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 var(--b-e5e7eb);background:var(--s-ffffff);border-radius:14px;padding:12px;cursor:pointer;transition:.2s ease}.wrap .conv:hover{border-color:var(--b-bfd7ff);background:var(--s-f9fbff)}.wrap .conv.selected{border-color:var(--b-1172fa);background:var(--s-eef5ff)}.wrap .row1{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wrap .preview{margin-top:8px;color:var(--t-6b7280);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wrap .pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.wrap .pill.OPEN{background:var(--s-dcfce7);color:var(--t-166534)}.wrap .pill.CLOSED{background:var(--s-f3f4f6);color:var(--t-6b7280)}.wrap .pill.QUEUED{background:var(--s-fef3c7);color:var(--t-92400e)}.wrap .right{display:flex;flex-direction:column}.wrap .empty{padding:24px 16px;color:var(--t-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 var(--b-f3f4f6);border-bottom:1px solid var(--b-e5e7eb);background:var(--s-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:var(--s-eef2f7);color:var(--t-111827);padding:8px 12px;font-weight:700;cursor:pointer}.wrap .flowTag{padding:4px 10px;border-radius:999px;background:var(--s-eef2ff);color:var(--t-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 var(--b-dbeafe);background:var(--s-eff6ff);color:var(--t-1d4ed8);font-size:12px;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:var(--s-1d4ed8);color:var(--t-ffffff);font-size:12px;line-height:1}.wrap .channel-whatsapp,.wrap .channel-wa{background:var(--s-e9f8ef);border-color:var(--b-b7ebc6);color:var(--t-128c4a)}.wrap .channel-whatsapp .channelBadgeIcon,.wrap .channel-wa .channelBadgeIcon{background:var(--s-25d366)}.wrap .channel-web,.wrap .channel-website{background:var(--s-eef2ff);border-color:var(--b-c7d2fe);color:var(--t-4338ca)}.wrap .channel-web .channelBadgeIcon,.wrap .channel-website .channelBadgeIcon{background:var(--s-4f46e5)}.wrap .channel-email,.wrap .channel-mail{background:var(--s-fff7ed);border-color:var(--b-fed7aa);color:var(--t-c2410c)}.wrap .channel-email .channelBadgeIcon,.wrap .channel-mail .channelBadgeIcon{background:var(--s-ea580c)}.wrap .closebtn{border:none;padding:9px 14px;border-radius:10px;background:var(--s-ef4444);color:var(--t-ffffff);cursor:pointer;font-weight:600}.wrap .savebtn{border:none;padding:9px 14px;border-radius:10px;background:var(--s-0f766e);color:var(--t-ffffff);cursor:pointer;font-weight:600}.wrap .closedText{color:var(--t-6b7280);font-weight:600}.wrap .flowBox{margin:14px 16px 0;padding:14px;background:var(--s-f8fbff);border:1px solid var(--b-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:var(--s-ffffff);border:1px solid var(--b-e5eefc);border-radius:12px;padding:10px}.wrap .flowItem .k{font-size:12px;color:var(--t-6b7280);margin-bottom:4px;text-transform:capitalize}.wrap .flowItem .v{font-size:14px;font-weight:600;color:var(--t-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:var(--s-ffffff);color:var(--t-111827);border-top-left-radius:2px}.wrap .msg.me .bubble{background:var(--s-d9fdd3);color:var(--t-111827);border-top-right-radius:2px}.wrap .msg.is-bot .bubble{background:var(--s-eef6ff);color:var(--t-0f172a);border:1px solid var(--b-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 var(--b-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 var(--b-d9fdd3);border-left:8px solid transparent}.wrap .msg.is-bot .bubble:before{display:none}.wrap .meta,.wrap .meta-bot{font-size:12px;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:12px;color:var(--t-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:var(--s-3b82f6);color:var(--t-ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.wrap .transfer-btn:hover{background:var(--s-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 var(--b-dddddd);background:var(--s-ffffff)}.wrap .reaction-pill{position:absolute;bottom:-14px;right:8px;display:inline-flex;align-items:center;gap:4px;background:var(--s-ffffff);border:1px solid var(--b-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:12px;line-height:1}.wrap .reaction-item small{font-size:12px;color:var(--t-667781);font-weight:600}.wrap .type-system{margin:auto;padding:2px;justify-items:center;justify-content:center;background:var(--s-ffffff)}.wrap .chatComposerShell input{flex:1;min-width:0;border:1px solid var(--b-d1d5db);border-radius:12px;padding:12px 14px;outline:none;font-size:14px}.wrap .chatComposerShell input:focus{border-color:var(--b-1172fa);box-shadow:0 0 0 3px #1172fa1f}.wrap .chatComposerShell button{border:none;border-radius:12px;padding:0 18px;background:var(--s-1172fa);color:var(--t-ffffff);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:var(--s-ffffff);border:1px solid var(--b-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:var(--s-1172fa);color:var(--t-ffffff);font-weight:600}.wrap .popup button.ghost{background:var(--s-eef2f7);color:var(--t-111827)}.wrap #topbar{background:var(--s-ffffff);border-bottom:1px solid var(--b-e5e7eb)}.wrap .desktopTopbar,.wrap .mobileTopbar{padding:8px 20px}.wrap .desktopTopbar{display:flex;align-items:center;justify-content:space-between}.wrap .topbarLogo{font-size:20px;font-weight:800;color:var(--t-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:var(--t-6b7280)}.wrap .tobarProfileIcon{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:999px;color:var(--t-ffffff);background:var(--s-1172fa);font-size:12px;font-weight:800;flex-shrink:0}.wrap .tobarProfileIcon img{width:100%;height:100%;object-fit:cover}.wrap .ds_primary{border:none;background:var(--s-1172fa);color:var(--t-ffffff);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 var(--b-cccccc);border-radius:6px;font-size:14px;background:var(--s-ffffff);outline:none}.wrap .select-field:focus{border-color:var(--b-4a90e2)}.wrap .action-row{display:flex;align-items:center;gap:10px}.wrap .select{padding:8px 10px;border-radius:6px;border:1px solid var(--b-cccccc)}.wrap .closebtn{background:var(--s-ff4d4f);color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.wrap .closedText{color:gray;font-size:12px}.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:var(--s-111827);color:var(--t-ffffff);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:var(--s-000000)}.wrap .preview-audio{width:min(700px,80vw);margin-top:40px}.wrap .preview-pdf{width:min(1000px,85vw);height:80vh;border:1px solid var(--b-dddddd);border-radius:12px;background:var(--s-ffffff)}.wrap .wa-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:4px}.wrap .wa-time{font-size:12px;color:var(--t-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:var(--t-9ca3af)}.wrap .wa-ticks.sent,.wrap .wa-ticks.delivered{color:var(--t-667781)}.wrap .wa-ticks.read{color:var(--t-53bdeb)}.wrap .wa-ticks.failed{color:var(--t-ef4444)}.wrap .preview-file{min-width:320px;padding:40px 20px 20px;text-align:center}.wrap .preview-file-icon{font-size:32px;margin-bottom:12px}.wrap .preview-file-name{font-size:14px;font-weight:600;margin-bottom:14px;word-break:break-word}.wrap .preview-open-link{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--s-1172fa);color:var(--t-ffffff);text-decoration:none}.wrap .doc-thumb{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--s-f3f4f6);font-size:14px;font-weight:600;color:var(--t-111827)}.wrap .bubble{cursor:pointer}.wrap .msg-wrap{position:relative;display:inline-block;max-width:100%}.wrap .txt{padding:10px 14px;background:var(--s-f1f5f9);border-radius:12px}.wrap .msg-menu-btn{position:absolute;top:6px;right:-30px;width:24px;height:24px;border:none;border-radius:50%;background:var(--s-ffffff);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:var(--s-111b21);overflow:hidden}.wrap #topbar{display:none}.wrap .ds_chatWrapper{height:100dvh;border:0;border-radius:0;display:block;background:var(--s-0b141a);position:relative;overflow:hidden}.wrap .mobileAgentBar{display:block;background:var(--s-202c33);color:var(--t-e9edef);border-bottom:1px solid var(--b-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:var(--t-8696a0);font-size:12px;margin-top:2px}.wrap .mobileAgentState{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;text-transform:uppercase;background:var(--s-2a3942);color:var(--t-e9edef)}.wrap .mobileAgentState.ready{background:#00a8842e;color:var(--t-00a884)}.wrap .mobileAgentState.paused,.wrap .mobileAgentState.away{background:#f59e0b2e;color:var(--t-f59e0b)}.wrap .mobileChevron{color:var(--t-8696a0);font-size:20px;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:var(--s-111b21);border-top:1px solid var(--b-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:var(--t-ffffff);font-weight:800}.wrap .mobileReadyBtn{background:var(--s-00a884)}.wrap .mobileReadyBtn.active{box-shadow:inset 0 0 0 2px #ffffff59}.wrap .mobileLogoutBtn{background:var(--s-ef4444)}.wrap .ds_chatSidebar{width:100%;height:calc(100dvh - 56px);border:0;background:var(--s-111b21);color:var(--t-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:var(--s-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:var(--s-0b141a)}.wrap .right h3{display:none}.wrap .chat{height:100dvh;background:var(--s-0b141a)}.wrap .chat-head{min-height:58px;padding:8px 10px;gap:8px;background:var(--s-202c33);color:var(--t-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 var(--b-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:14px}.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:var(--s-2a3942);color:var(--t-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:var(--t-e9edef);font-size:32px;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:var(--s-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:12px;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:var(--s-202c33);border-top:0}.wrap .ds_chatSearch{padding:8px 10px;background:var(--s-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:var(--s-202c33);color:var(--t-e9edef)}.wrap .ds_filters button{background:var(--s-00a884);color:var(--t-ffffff);font-weight:700}.wrap .ds_chatTabs{padding:8px 10px;gap:8px;background:var(--s-111b21)}.wrap .ds_chatTabs button{border:0;border-radius:999px;background:var(--s-202c33);color:var(--t-8696a0);font-weight:700;padding:9px 10px}.wrap .ds_chatTabs button.on{background:var(--s-00a884);color:var(--t-ffffff)}.wrap .mobileChatListHeader{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 14px 8px;background:var(--s-202c33)}.wrap .mobileChatListHeader h4{margin:0;color:var(--t-e9edef);font-size:20px}.wrap .mobileChatListHeader small{display:inline;color:var(--t-8696a0);font-size:12px}.wrap .ds_chatList{padding:0;background:var(--s-111b21)}.wrap .ds_chatItem{margin:0;padding:12px 14px;border:0;border-bottom:1px solid var(--b-222d34);border-radius:0;background:var(--s-111b21);color:var(--t-e9edef)}.wrap .ds_chatItem.active,.wrap .ds_chatItem:hover{background:var(--s-202c33);border-left:0}.wrap .ds_avatar{width:42px;height:42px;background:var(--s-00a884);color:var(--t-ffffff);font-size:14px}.wrap .ds_name{color:var(--t-e9edef);font-size:14px}.wrap .ds_chatItem p,.wrap .ds_messagePreview,.wrap .ds_chatBottom{color:var(--t-8696a0)}.wrap .ds_chatBottom{margin-top:4px}.wrap .badge{background:var(--s-00a884);color:var(--t-111b21)}.wrap .flowTag{padding:2px 6px;background:#00a88429;color:var(--t-00a884);font-size:12px}.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}}.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 var(--b-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:var(--t-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,var(--s-eff6ff),var(--s-f8fafc));color:var(--t-2563eb);border-color:var(--b-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,var(--s-2563eb),var(--s-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,var(--s-2563eb),var(--s-3b82f6));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;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:var(--s-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 var(--b-dbeafe);border-radius:12px;background:var(--s-ffffff);color:var(--t-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}}.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:var(--s-ffffff);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 var(--b-eeeeee)}.modal-overlay .modal-head h3{margin:0}.modal-overlay .close-btn{border:none;background:transparent;font-size:16px;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 var(--b-dddddd);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 var(--b-eeeeee)}.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 var(--b-dddddd);background:var(--s-ffffff)}.modal-overlay .send-btn{border:none;background:var(--s-25d366);color:var(--t-ffffff)}.sp-root{position:relative;display:inline-flex}.sp-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font:inherit;font-size:12px;border-radius:6px;border:1px solid var(--border, var(--b-d6dae1));background:var(--s-ffffff);color:inherit;cursor:pointer;white-space:nowrap}.sp-pill:hover{background:var(--s-f5f7fa)}.sp-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.sp-state{font-size:11px;opacity:.75}.sp-ok{border-color:var(--b-abefc6);color:var(--t-05603a);background:var(--s-f6fef9)}.sp-warn{border-color:var(--b-fedf89);color:var(--t-b54708);background:var(--s-fffcf5)}.sp-bad{border-color:var(--b-fecdc9);color:var(--t-912018);background:var(--s-fffbfa)}.sp-off{color:var(--t-475467)}.sp-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:70;width:260px;padding:12px;background:var(--s-ffffff);border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;box-shadow:0 12px 32px #10182824;display:flex;flex-direction:column;gap:10px}.sp-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:13px}.sp-icon{border:0;background:none;cursor:pointer;padding:2px;color:inherit;display:inline-flex}.sp-alert{margin:0;font-size:12px;line-height:1.45;padding:8px;border-radius:6px;background:var(--s-f2f4f7);color:var(--t-344054);white-space:normal;word-break:break-word}.sp-alert.bad{background:var(--s-fef3f2);color:var(--t-912018)}.sp-number{font:inherit;font-size:15px;letter-spacing:.04em;height:36px;padding:0 10px;width:100%;box-sizing:border-box;border:1px solid var(--border, var(--b-d6dae1));border-radius:6px;text-align:center}.sp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-key{font:inherit;font-size:15px;height:38px;border:1px solid var(--border, var(--b-e5e7eb));border-radius:6px;background:var(--s-ffffff);cursor:pointer}.sp-key:active{background:var(--s-eef2f6)}.sp-actions{display:flex;gap:6px}.sp-actions .sp-btn{flex:1;justify-content:center}.sp-active{text-align:center;padding:8px;border-radius:8px;background:var(--s-f6fef9);border:1px solid var(--b-abefc6)}.sp-active-who{font-size:14px;font-weight:600}.sp-active-state{font-size:12px;color:var(--t-05603a)}.sp-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--border, var(--b-d6dae1));background:var(--s-ffffff);color:inherit;cursor:pointer;white-space:nowrap}.sp-btn:hover:not(:disabled){background:var(--s-f5f7fa)}.sp-btn:disabled{opacity:.5;cursor:default}.sp-wide{width:100%;justify-content:center}.sp-primary{background:var(--primary, var(--s-2563eb));border-color:var(--primary, var(--b-2563eb));color:var(--t-ffffff)}.sp-primary:hover:not(:disabled){background:var(--primary, var(--s-2563eb));filter:brightness(.94)}.sp-answer{background:var(--s-079455);border-color:var(--b-079455);color:var(--t-ffffff)}.sp-answer:hover{background:var(--s-067647)}.sp-reject{background:var(--s-d92d20);border-color:var(--b-d92d20);color:var(--t-ffffff)}.sp-reject:hover:not(:disabled){background:var(--s-b42318)}.sp-on{background:var(--s-fffaeb);border-color:var(--b-fedf89);color:var(--t-b54708)}.sp-link{border:0;background:none;font:inherit;font-size:11px;color:var(--muted, var(--t-6b7280));text-decoration:underline;cursor:pointer;padding:0;align-self:center}.sp-incoming{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--s-101828);color:var(--t-ffffff);box-shadow:0 12px 32px #10182847;animation:sp-pulse 1.4s ease-in-out infinite}.sp-incoming-who{font-size:14px;font-weight:600}@keyframes sp-pulse{0%,to{box-shadow:0 12px 32px #10182847}50%{box-shadow:0 12px 32px #d92d2073}}@media (prefers-reduced-motion: reduce){.sp-incoming{animation:none}}.sp-timer{font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em;min-width:4ch;text-align:right}.sp-active-timer{font-size:22px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em;color:var(--t-05603a);line-height:1.15}.sp-last{margin:0;font-size:11.5px;color:var(--muted, var(--t-6b7280));text-align:center;font-variant-numeric:tabular-nums}.sp-icon-light{color:#fffc;padding:4px}.sp-icon-light:hover{color:var(--t-ffffff)}.sp-blocked{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:89;max-width:min(420px,calc(100vw - 32px));padding:8px 14px;border-radius:8px;background:var(--s-fffaeb);border:1px solid var(--b-fedf89);color:var(--t-b54708);font-size:12.5px;line-height:1.45;text-align:center;box-shadow:0 8px 24px #10182829}.sp-ringer{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-ringer-toggle{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.sp-ringer-toggle:hover{text-decoration:underline}.agent-shell{display:flex;min-height:100vh;min-height:100dvh;width:100%}.agent-shell-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;position:relative}.agent-shell-phone{position:fixed;top:10px;right:16px;z-index:80;display:flex;align-items:flex-start;gap:2px}.agent-shell-phone-grip{display:flex;align-items:center;justify-content:center;align-self:stretch;width:16px;border-radius:6px;color:var(--t-98a2b3);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.agent-shell-phone-grip:hover{background:#7f8c9e29;color:var(--t-475467)}.agent-shell-phone.is-dragging .agent-shell-phone-grip{cursor:grabbing}.agent-shell-phone.is-dragging{z-index:200;opacity:.92}.agent-shell-phone{transition:none}@media (max-width: 768px){.agent-shell{flex-direction:column}.agent-shell-phone{top:auto;bottom:12px;right:12px}.agent-shell-phone-grip{width:28px}}.dt{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:14px;overflow:hidden;color:var(--t-2f343b)}.dt .dt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;border-bottom:1px solid var(--b-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:var(--s-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:var(--t-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:var(--s-f4f6f8);color:var(--t-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 var(--b-cfd4dc);border-radius:5px;color:var(--t-2f343b);background:var(--s-ffffff)}.dt .dt-search{width:100%;min-width:0;height:100%;border:0;outline:0;color:var(--t-2f343b);font-size:16px;background:transparent}.dt .dt-search::placeholder{color:var(--t-7b8088)}.dt .dt-selected{color:var(--t-2f80ed);font-size:14px;font-weight:600;white-space:nowrap}.dt .dt-select{height:34px;border:1px solid var(--b-d9dee5);border-radius:6px;padding:0 8px;color:var(--t-565d66);background:var(--s-ffffff)}.dt .dt-page{color:var(--t-747981);font-size:14px;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:14px}.dt .dt-table th,.dt .dt-table td{border-bottom:1px solid var(--b-dfe3e8);vertical-align:middle}.dt .dt-table th{padding:22px 20px;color:var(--t-282d33);font-size:14px;font-weight:700;white-space:nowrap;background:var(--s-ffffff)}.dt .dt-table td{height:70px;padding:12px 20px;color:var(--t-2f343b);font-size:14px;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 var(--b-cfd4dc);border-radius:3px;cursor:pointer;vertical-align:middle}.dt .dt-table tr:hover{background:var(--s-fafbfc);cursor:pointer}.dt .dt-table tbody tr:last-child td{border-bottom:0}.dt .dt-empty{text-align:center;padding:36px 20px;color:var(--t-747981)}.dt .status-select{height:32px;border-radius:6px;border:1px solid var(--b-dddddd);padding:0 8px;font-size:12px;background:var(--s-ffffff)}.dt .dt-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 26px;background:var(--s-fef2f2);color:var(--t-b91c1c);font-size:14px;border-top:1px solid var(--b-fecaca)}.dt .dt-retry{border:1px solid var(--b-b91c1c);background:transparent;color:var(--t-b91c1c);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;flex:0 0 auto}.dt .dt-retry:hover{background:var(--s-b91c1c);color:var(--t-ffffff)}@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}}.dt-filter-row th{padding:4px 6px 8px;background:inherit;font-weight:400;vertical-align:top}.dt-filter{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;font-weight:400;padding:4px 6px;border:1px solid var(--border, var(--b-d0d5dd));border-radius:5px;background:var(--s-ffffff);color:var(--t-101828)}.dt-filter::placeholder{color:var(--t-98a2b3)}.dt-filter:focus{outline:none;border-color:var(--primary, var(--b-2563eb));box-shadow:0 0 0 2px #2563eb26}.dt-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.dt-clear-filters{font:inherit;font-size:12px;padding:3px 8px;border:1px solid var(--border, var(--b-d0d5dd));border-radius:6px;background:var(--s-ffffff);color:var(--t-b42318);cursor:pointer;white-space:nowrap}.dt-clear-filters:hover{background:var(--s-fef3f2)}.dt .dt-table tr.dt-row-selected,.dt .dt-table tr.dt-row-selected:hover{background:var(--s-eff6ff);box-shadow:inset 3px 0 0 var(--primary, var(--x-2563eb))}.dt-skeleton{display:block;height:12px;width:70%;border-radius:4px;background:var(--s-e5e7eb);background-image:linear-gradient(90deg,var(--s-e5e7eb) 0%,var(--s-f1f5f9) 40%,var(--s-e5e7eb) 80%);background-size:300% 100%;animation:dt-sweep 1.4s ease-in-out infinite}.dt-skeleton-row:nth-child(odd) .dt-skeleton{width:55%}.dt-skeleton-row:nth-child(3n) .dt-skeleton{width:82%}.dt-skeleton-row .dt-check-cell .dt-skeleton{width:14px}@keyframes dt-sweep{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.dt-skeleton{animation:none}}.dt .dt-empty{padding:40px 20px;text-align:center}.dt .dt-empty strong{display:block;font-size:14px;font-weight:600;color:var(--t-101828)}.dt .dt-empty span{display:block;margin-top:4px;font-size:13px;color:var(--t-64748b)}.dt-empty-action{margin-top:12px;font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--b-d0d5dd);border-radius:6px;background:var(--s-ffffff);cursor:pointer}.dt-empty-action:hover{background:var(--s-f2f4f7)}.dt-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cl-page{padding:20px 24px 40px}.cl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.cl-head h1{font-size:22px;font-weight:600;margin:0 0 4px}.cl-sub{margin:0;color:var(--muted, var(--t-6b7280));font-size:13px;max-width:70ch;line-height:1.5}.cl-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cl-stat{flex:1 1 110px;border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;background:var(--s-ffffff);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cl-stat span{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.cl-stat label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, var(--t-6b7280))}.cl-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cl-filters select{font:inherit;font-size:13px;height:32px;padding:0 8px;border:1px solid var(--border, var(--b-d6dae1));border-radius:6px;background:var(--s-ffffff)}.cl-table-wrap{border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;overflow-x:auto;background:var(--s-ffffff)}.cl-table{width:100%;border-collapse:collapse;font-size:13px}.cl-table th,.cl-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border, var(--b-eef0f3));vertical-align:top;white-space:nowrap}.cl-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, var(--t-6b7280));background:var(--s-fafbfc);white-space:nowrap}.cl-table tr:last-child td{border-bottom:none}.cl-number{font-variant-numeric:tabular-nums;font-weight:600}.cl-when{color:var(--muted, var(--t-6b7280));font-variant-numeric:tabular-nums}.cl-secs{font-variant-numeric:tabular-nums;text-align:right}.cl-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.cl-pill.ok{background:var(--s-ecfdf3);color:var(--t-027a48)}.cl-pill.warn{background:var(--s-fffaeb);color:var(--t-b54708)}.cl-pill.bad{background:var(--s-fef3f2);color:var(--t-b42318)}.cl-pill.off{background:var(--s-f2f4f7);color:var(--t-475467)}.cl-alert{font-size:12.5px;line-height:1.45;padding:8px 10px;border-radius:6px;margin-bottom:12px;border:1px solid transparent}.cl-alert.bad{background:var(--s-fef3f2);border-color:var(--b-fecdc9);color:var(--t-912018)}.cl-empty{padding:32px;text-align:center;color:var(--muted, var(--t-6b7280));font-size:14px;border:1px dashed var(--border, var(--b-d6dae1));border-radius:10px}.cl-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--border, var(--b-d6dae1));background:var(--s-ffffff);color:inherit;cursor:pointer;white-space:nowrap}.cl-btn:hover:not(:disabled){background:var(--s-f5f7fa)}.cl-btn:disabled{opacity:.5;cursor:default}.cl-primary{background:var(--primary, var(--s-2563eb));border-color:var(--primary, var(--b-2563eb));color:var(--t-ffffff)}.cl-primary:hover:not(:disabled){background:var(--primary, var(--s-2563eb));filter:brightness(.94)}.cl-link{border:0;background:none;font:inherit;font-size:12.5px;color:var(--primary, var(--t-2563eb));cursor:pointer;padding:0;text-align:left;white-space:normal;max-width:28ch}.cl-link:hover{text-decoration:underline}.cl-wrap{white-space:normal;min-width:200px}.cl-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;margin-top:14px}.cl-workspace.has-panel{grid-template-columns:minmax(0,4fr) minmax(260px,1fr)}.cl-workspace-table{min-width:0}.cl-wrapup{position:sticky;top:16px;padding:14px 16px;border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;background:var(--s-ffffff);display:flex;flex-direction:column;gap:10px;min-width:0}.cl-wrapup header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cl-wrapup header h2{margin:0;font-size:15px}.cl-wrapup header .cl-sub{margin:2px 0 0;overflow-wrap:anywhere}.cl-wrapclose{flex:0 0 auto;display:inline-flex;padding:4px;border:0;border-radius:6px;background:none;color:var(--t-667085);cursor:pointer}.cl-wrapclose:hover{background:var(--s-f2f4f7);color:var(--t-101828)}.cl-wrapup label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--t-475467)}.cl-wrapup select,.cl-wrapup textarea{font:inherit;font-size:13px;font-weight:400;width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border, var(--b-d0d5dd));border-radius:6px;color:var(--t-101828);resize:vertical}.cl-wrapactions{display:flex;gap:6px;justify-content:flex-end}@media (max-width: 1100px){.cl-workspace.has-panel{grid-template-columns:minmax(0,1fr)}.cl-workspace.has-panel .cl-wrapup{order:-1;position:static}}.cl-party{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.cl-name{font-weight:600}.cl-party .cl-name+.cl-number{font-weight:400;font-size:12px;color:var(--muted, var(--t-6b7280))}.cl-wraptemplate{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%}.cl-wrapnote{margin:0;font-size:12px;color:var(--t-475569)}.onboarding-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);background:var(--s-f4f7fb);color:var(--t-0f172a)}.onboarding-page .hero-panel{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:42px;background:linear-gradient(145deg,var(--s-0f172a),var(--s-1d4ed8));color:var(--t-ffffff)}.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:var(--t-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 var(--b-dbe3ef);border-radius:18px;background:var(--s-ffffff);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:var(--b-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:16px;font-weight:900}.onboarding-page .plan-code,.onboarding-page .plan-card small{color:var(--t-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:var(--s-eef2ff);color:var(--t-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:var(--t-334155);font-size:12px;font-weight:800}.onboarding-page .field-grid input{width:100%;height:44px;border:1px solid var(--b-d1d5db);border-radius:12px;padding:0 12px;box-sizing:border-box;background:var(--s-ffffff);color:var(--t-0f172a)}.onboarding-page .field-grid input:focus{border-color:var(--b-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:var(--s-2563eb);color:var(--t-ffffff)}.onboarding-page .primary-btn:disabled{opacity:.6;cursor:not-allowed}.onboarding-page .secondary-btn,.onboarding-page .link-btn{background:var(--s-e2e8f0);color:var(--t-334155)}.onboarding-page .success-card{padding:22px;border:1px solid var(--b-bbf7d0);border-radius:18px;background:var(--s-f0fdf4)}.onboarding-page .success-card .primary-btn{width:max-content}.onboarding-page .error{margin:0;padding:12px 14px;border-radius:12px;background:var(--s-fee2e2);color:var(--t-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%}}.import-box{padding:20px;background:var(--s-ffffff);border-radius:10px;border:1px solid var(--b-eeeeee);display:flex;gap:10px}.import-box button{padding:8px;background:var(--s-2563eb);color:#fff;border:none;border-radius:6px}.import-box .result{font-size:12px;color:green}.dashboard-layout{display:flex;min-height:100vh;background:var(--s-f7f8fa);color:var(--t-0f172a)}.dashboard-layout .avatar{width:36px;height:36px;border-radius:50%;background:var(--s-dbeafe);color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-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:16px;font-weight:600;color:var(--t-111827);line-height:1.2}.dashboard-layout .subtext{margin:2px 0 0;font-size:12px;color:var(--t-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 var(--b-e5e7eb)}.dashboard-layout .profile-badge{width:38px;height:38px;border-radius:50%;background:var(--s-2f80ed);color:var(--t-ffffff);display:flex;align-items:center;justify-content:center;font-size:12px;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:var(--t-0f172a);line-height:1.2}.dashboard-layout .profile-info .email{margin-top:2px;font-size:12px;color:var(--t-64748b);text-transform:capitalize}.dashboard-layout .logout-btn{width:38px;height:38px;border:1px solid var(--b-d9e1ea);border-radius:12px;background:var(--s-ffffff);color:var(--t-64748b);font-size:16px;cursor:pointer;transition:all .2s ease}.dashboard-layout .logout-btn:hover{background:var(--s-f8fafc);color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-eef2f7)}.dashboard-layout .customer-avatar{width:44px;height:44px;border-radius:14px;background:var(--s-edf4ff);color:var(--t-2f80ed);display:flex;align-items:center;justify-content:center;font-size:12px;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:var(--t-0f172a);font-size:16px;font-weight:700}.dashboard-layout .customer-title p,.dashboard-layout .customer-empty p{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.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 var(--b-eef2f7)}.dashboard-layout .customer-form label{display:flex;flex-direction:column;gap:6px;color:var(--t-64748b);font-size:12px;font-weight:600}.dashboard-layout .customer-form input{height:38px;border:1px solid var(--b-d9e1ea);border-radius:10px;padding:0 10px;color:var(--t-0f172a);font-size:14px;background:var(--s-ffffff)}.dashboard-layout .customer-form input:focus{outline:none;border-color:var(--b-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 var(--b-f1f5f9)}.dashboard-layout .customer-meta div:last-child{border-bottom:none}.dashboard-layout .customer-meta dt{color:var(--t-64748b);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dashboard-layout .customer-meta dd{margin:6px 0 0;color:var(--t-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:var(--t-64748b)}.dashboard-layout .customer-empty-icon{width:52px;height:52px;border-radius:16px;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px}@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:var(--s-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:var(--s-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:var(--s-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:var(--s-ffffff);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.dashboard-layout .modal-header{padding:12px 16px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-cccccc)}.dashboard-layout .modal-footer{padding:12px 16px;border-top:1px solid var(--b-eeeeee);display:flex;justify-content:flex-end;gap:8px}.dashboard-layout .main-area button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.dashboard-layout .cancel{background:var(--s-eeeeee)}.dashboard-layout .save{background:var(--s-16a34a);color:var(--t-ffffff)}.dashboard-layout .call-btn{height:32px;width:32px;border-radius:8px;border:none;background:var(--s-2563eb);color:var(--t-ffffff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;vertical-align:middle}.dashboard-layout .call-btn:hover{filter:brightness(.94)}.dashboard-layout .call-btn:focus-visible{outline:2px solid var(--b-2563eb);outline-offset:2px}.admin-sidebar{width:248px;min-width:248px;min-height:100vh;background:var(--s-0f172a);color:var(--t-ffffff);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:var(--t-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:var(--t-ffffff)}.admin-sidebar .nav-item.router-link-active{background:var(--s-2563eb);color:var(--t-ffffff)}@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}}.account-shell{min-height:100vh;display:flex;background:var(--s-f4f7fb)}.account-shell .account-main{flex:1;min-width:0}.account-shell .profile-topbar{min-height:54px;border-bottom:1px solid var(--b-eaeced);background:var(--s-ffffff)}.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:var(--t-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:var(--t-ffffff);background:var(--s-1172fa);font-size:12px;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:var(--t-111827);font-weight:800}.account-shell .profileText span:last-child{color:var(--t-6b7280);font-size:12px;font-weight:700}.account-shell .topbar-logout{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--b-fecaca);border-radius:12px;color:var(--t-dc2626);background:var(--s-ffffff);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 var(--b-dbeafe);border-radius:24px;background:var(--s-ffffff);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:var(--t-1172fa);background:var(--s-eef6ff)}.account-shell h1,.account-shell h2,.account-shell p{margin:0}.account-shell h1,.account-shell h2{color:var(--t-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:var(--t-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 var(--b-e2e8f0);border-radius:18px;background:var(--s-f8fafc)}.account-shell .profile-avatar{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:var(--t-ffffff);background:var(--s-1172fa);font-size:16px;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:var(--t-0f172a);text-overflow:ellipsis;white-space:nowrap}.account-shell .profile-summary span,.account-shell .profile-summary small{color:var(--t-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 var(--b-bfdbfe);border-radius:12px;padding:0 12px;color:var(--t-1172fa);background:var(--s-eff6ff);font-size:12px;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:var(--t-475569);font-size:12px;font-weight:900}.account-shell .password-form>label{display:grid;gap:8px}.account-shell input,.account-shell textarea{width:100%;border:1px solid var(--b-cbd5e1);border-radius:14px;outline:0;color:var(--t-0f172a);background:var(--s-ffffff);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:var(--b-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 var(--b-cbd5e1);border-radius:14px;background:var(--s-ffffff);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:var(--t-64748b);background:transparent;cursor:pointer}.account-shell .message{padding:12px 14px;border-radius:12px;color:var(--t-166534);background:var(--s-dcfce7);font-weight:800}.account-shell .message.error{color:var(--t-b91c1c);background:var(--s-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 var(--b-cbd5e1);border-radius:12px;padding:0 16px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:900;cursor:pointer}.account-shell .actions .primary{border-color:var(--b-1172fa);background:var(--s-1172fa);color:var(--t-ffffff)}.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:var(--s-f5f7fb);color:var(--t-0f172a);font-family:Archivo,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:var(--t-0f172a);font-size:24px}.admin-dashboard .page-head p{margin:6px 0 0;color:var(--t-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 var(--b-e5e7eb);border-radius:16px;box-shadow:0 8px 22px #0f172a0a}.admin-dashboard .card span{display:block;color:var(--t-64748b);font-size:12px;font-weight:700}.admin-dashboard .card b{display:block;margin-top:10px;color:var(--t-0f172a);font-size:24px}.admin-dashboard .error{margin-top:16px;color:var(--t-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:var(--t-0f172a)}.admin-tenants .head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px}.admin-tenants .btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);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:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:16px}.admin-tenants .state-card{padding:18px;color:var(--t-64748b);font-weight:700}.admin-tenants .state-card.error{color:var(--t-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 var(--b-f1f5f9);text-align:left;vertical-align:middle}.admin-tenants th{color:var(--t-64748b);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-tenants td{color:var(--t-334155);font-size:14px}.admin-tenants td strong,.admin-tenants td small{display:block}.admin-tenants td strong{color:var(--t-0f172a)}.admin-tenants td small{margin-top:4px;color:var(--t-64748b);font-size:12px}.admin-tenants .table tbody tr{cursor:pointer}.admin-tenants .table tbody tr:hover,.admin-tenants .table tbody tr.selected{background:var(--s-f8fbff)}.admin-tenants .table tbody tr:focus-visible{outline:2px solid var(--b-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:var(--s-dcfce7);color:var(--t-166534)}.admin-tenants .pill.off{background:var(--s-f3f4f6);color:var(--t-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:var(--s-eef2ff);color:var(--t-3730a3);font-size:12px;font-weight:700}.admin-tenants .plan-chip{display:inline-flex;max-width:160px;padding:4px 10px;border-radius:999px;background:var(--s-eff6ff);color:var(--t-1d4ed8);font-size:12px;font-weight:800;overflow-wrap:anywhere}.admin-tenants .capacity-chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--s-f8fafc);color:var(--t-334155);border:1px solid var(--b-e2e8f0);font-size:12px;font-weight:800}.admin-tenants .muted{color:var(--t-94a3b8);font-size:12px}.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:var(--s-dbeafe);color:var(--t-1d4ed8);padding:8px 12px}.admin-tenants .secondary-btn{background:var(--s-eef2f7);color:var(--t-334155);padding:10px 14px}.admin-tenants .empty-cell{text-align:center;color:var(--t-64748b)}.admin-tenants .preview-card{position:sticky;top:16px;overflow:hidden;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-eef2f7)}.admin-tenants .tenant-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:var(--s-dbeafe);color:var(--t-1d4ed8);font-weight:900}.admin-tenants .preview-head h3{margin:0;color:var(--t-0f172a);font-size:16px}.admin-tenants .preview-head p{margin:4px 0 0;color:var(--t-64748b);font-size:12px;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 var(--b-f1f5f9)}.admin-tenants .preview-list span{color:var(--t-64748b);font-size:12px}.admin-tenants .preview-list b{min-width:0;color:var(--t-0f172a);font-size:12px;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:var(--t-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:var(--s-f3f4f6);color:var(--t-6b7280);font-size:12px;font-weight:700}.admin-tenants .permission-chip.allowed{background:var(--s-dcfce7);color:var(--t-166534)}.admin-tenants .preview-edit{width:100%;margin-top:18px}.admin-tenants .empty-preview{color:var(--t-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:var(--s-ffffff);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 var(--b-e5e7eb)}.admin-tenants .modal-footer{justify-content:flex-end;border-top:1px solid var(--b-e5e7eb);border-bottom:0}.admin-tenants .modal-head h3{margin:0}.admin-tenants .close-btn{border:none;background:transparent;color:var(--t-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:var(--t-374151);font-size:12px;font-weight:700}.admin-tenants .modal-body input:not([type=checkbox]),.admin-tenants .modal-body select{width:100%;border:1px solid var(--b-d1d5db);border-radius:10px;padding:10px 12px;box-sizing:border-box;background:var(--s-ffffff)}.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 var(--b-e5e7eb);border-radius:12px;background:var(--s-f8fafc)}.admin-tenants .permissions-box h4{margin:0;color:var(--t-0f172a);font-size:14px}.admin-tenants .permissions-box p{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.admin-tenants .permissions-box .permission-note{color:var(--t-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 var(--b-e5e7eb);border-radius:10px;background:var(--s-ffffff)}.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:var(--t-0f172a);font-size:12px}.admin-tenants .permission-row small{margin-top:3px;color:var(--t-64748b);font-size:12px}@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:var(--t-0f172a)}.admin-plans .head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px}.admin-plans .btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);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:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:16px}.admin-plans .state-card{padding:18px;color:var(--t-64748b);font-weight:700}.admin-plans .state-card.error{color:var(--t-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 var(--b-f1f5f9);text-align:left;vertical-align:middle}.admin-plans th{color:var(--t-64748b);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-plans td{color:var(--t-334155);font-size:14px}.admin-plans td strong,.admin-plans td small{display:block}.admin-plans td strong{color:var(--t-0f172a)}.admin-plans td small{margin-top:4px;color:var(--t-64748b);font-size:12px}.admin-plans .table tbody tr{cursor:pointer}.admin-plans .table tbody tr:hover,.admin-plans .table tbody tr.selected{background:var(--s-f8fbff)}.admin-plans .table tbody tr:focus-visible{outline:2px solid var(--b-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:var(--s-eef2ff);color:var(--t-3730a3)}.admin-plans .muted{color:var(--t-94a3b8);font-size:12px}.admin-plans .pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.admin-plans .pill.on{background:var(--s-dcfce7);color:var(--t-166534)}.admin-plans .pill.off{background:var(--s-f3f4f6);color:var(--t-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:var(--s-dbeafe);color:var(--t-1d4ed8);padding:8px 12px}.admin-plans .danger-btn{background:var(--s-fee2e2);color:var(--t-b91c1c);padding:8px 12px}.admin-plans .secondary-btn{background:var(--s-eef2f7);color:var(--t-334155);padding:10px 14px}.admin-plans .empty-cell{text-align:center;color:var(--t-64748b)}.admin-plans .preview-card{position:sticky;top:16px;overflow:hidden;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-eef2f7)}.admin-plans .plan-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:var(--s-dbeafe);color:var(--t-1d4ed8);font-weight:900}.admin-plans .preview-head h3{margin:0;color:var(--t-0f172a);font-size:16px}.admin-plans .preview-head p{margin:4px 0 0;color:var(--t-64748b);font-size:12px;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 var(--b-f1f5f9)}.admin-plans .preview-list span{color:var(--t-64748b);font-size:12px}.admin-plans .preview-list b{min-width:0;color:var(--t-0f172a);font-size:12px;font-weight:700;text-align:right;overflow-wrap:anywhere}.admin-plans .description-box{margin-top:16px;padding:12px;border-radius:12px;background:var(--s-f8fafc);color:var(--t-475569);font-size:12px;line-height:1.5}.admin-plans .preview-section{margin-top:18px}.admin-plans .preview-section h4{margin:0 0 10px;color:var(--t-0f172a);font-size:14px}.admin-plans .preview-permissions{display:flex;flex-wrap:wrap;gap:8px}.admin-plans .permission-chip{background:var(--s-f3f4f6);color:var(--t-6b7280)}.admin-plans .permission-chip.allowed{background:var(--s-dcfce7);color:var(--t-166534)}.admin-plans .preview-edit{width:100%;margin-top:18px}.admin-plans .empty-preview{color:var(--t-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:var(--s-ffffff);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 var(--b-e5e7eb)}.admin-plans .modal-footer{justify-content:flex-end;border-top:1px solid var(--b-e5e7eb);border-bottom:0}.admin-plans .modal-head h3{margin:0}.admin-plans .close-btn{border:none;background:transparent;color:var(--t-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:var(--t-374151);font-size:12px;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 var(--b-d1d5db);border-radius:10px;padding:10px 12px;box-sizing:border-box;background:var(--s-ffffff)}.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 var(--b-e5e7eb);border-radius:12px;background:var(--s-f8fafc)}.admin-plans .permissions-box h4{margin:0;color:var(--t-0f172a);font-size:14px}.admin-plans .permissions-box p{margin:4px 0 0;color:var(--t-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 var(--b-e5e7eb);border-radius:10px;background:var(--s-ffffff)}.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:var(--t-0f172a);font-size:12px}.admin-plans .permission-row small{margin-top:3px;color:var(--t-64748b);font-size:12px}@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:var(--t-0f172a);font-size:24px}.admin-revenue .page-head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px}.admin-revenue .notice{background:var(--s-fffbeb);border:1px solid var(--b-fde68a);color:var(--t-92400e);border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.55;margin-bottom:20px}.admin-revenue .notice b{display:block;margin-bottom:4px;color:var(--t-78350f)}.admin-revenue .loading{padding:20px;color:var(--t-64748b)}.admin-revenue .error{margin:0 0 16px;color:var(--t-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 var(--b-e5e7eb);border-radius:16px;box-shadow:0 8px 22px #0f172a0a}.admin-revenue .card span{display:block;color:var(--t-64748b);font-size:12px;font-weight:700}.admin-revenue .card b{display:block;margin-top:10px;color:var(--t-0f172a);font-size:24px}.admin-revenue .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.admin-revenue .panel{background:#fff;border:1px solid var(--b-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:var(--t-0f172a)}.admin-revenue .panel-head span{color:var(--t-64748b);font-size:12px}.admin-revenue .chart-box{max-width:420px;margin:0 auto}.admin-revenue .empty{color:var(--t-64748b);font-size:12px;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:var(--s-f8fafc);padding:10px 12px;font-size:12px;color:var(--t-475569);border-bottom:1px solid var(--b-e5e7eb)}.admin-revenue .table td{padding:10px 12px;border-bottom:1px solid var(--b-f1f5f9);font-size:12px;color:var(--t-0f172a)}.admin-revenue .table td small{display:block;color:var(--t-94a3b8);font-size:12px;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:var(--t-0f172a)}.admin-users .head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px}.admin-users .btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);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:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:16px}.admin-users .state-card{padding:18px;color:var(--t-64748b);font-weight:700}.admin-users .state-card.error{color:var(--t-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 var(--b-f1f5f9);text-align:left;vertical-align:middle}.admin-users th{color:var(--t-64748b);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-users td{color:var(--t-334155);font-size:14px}.admin-users td strong,.admin-users td small{display:block}.admin-users td strong{color:var(--t-0f172a)}.admin-users td small{margin-top:4px;color:var(--t-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:var(--s-dcfce7);color:var(--t-166534)}.admin-users .pill.off{background:var(--s-f3f4f6);color:var(--t-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:var(--s-dbeafe);color:var(--t-1d4ed8);padding:8px 12px}.admin-users .secondary-btn{background:var(--s-eef2f7);color:var(--t-334155);padding:10px 14px}.admin-users .empty-cell{text-align:center;color:var(--t-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:var(--s-ffffff);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 var(--b-e5e7eb)}.admin-users .modal-footer{justify-content:flex-end;border-top:1px solid var(--b-e5e7eb);border-bottom:0}.admin-users .modal-head h3{margin:0}.admin-users .close-btn{border:none;background:transparent;color:var(--t-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:var(--t-374151);font-size:12px;font-weight:700}.admin-users .modal-body input:not([type=checkbox]),.admin-users .modal-body select{width:100%;border:1px solid var(--b-d1d5db);border-radius:10px;padding:10px 12px;box-sizing:border-box;background:var(--s-ffffff)}.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:var(--t-0f172a)}.admin-flows .head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px}.admin-flows .btn{background:var(--s-2563eb);color:var(--t-ffffff);text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700}.admin-flows .state-card,.admin-flows .table-card{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:16px}.admin-flows .state-card{padding:18px;color:var(--t-64748b);font-weight:700}.admin-flows .state-card.error{color:var(--t-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 var(--b-f1f5f9);text-align:left;vertical-align:middle}.admin-flows th{color:var(--t-64748b);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-flows td{color:var(--t-334155);font-size:14px}.admin-flows td strong,.admin-flows td small{display:block}.admin-flows td strong{color:var(--t-0f172a)}.admin-flows td small{margin-top:4px;color:var(--t-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:var(--s-dcfce7);color:var(--t-166534)}.admin-flows .pill.off{background:var(--s-f3f4f6);color:var(--t-6b7280)}.admin-flows .empty-cell{text-align:center;color:var(--t-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:var(--t-0f172a);font-size:24px}.admin-wa-settings .page-head p{margin:6px 0 0;color:var(--t-64748b);font-size:14px;max-width:720px;line-height:1.5}.admin-wa-settings .notice{background:var(--s-fffbeb);border:1px solid var(--b-fde68a);color:var(--t-92400e);border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.55;margin-bottom:18px}.admin-wa-settings .error{color:var(--t-b91c1c);font-weight:600}.admin-wa-settings .success{color:var(--t-15803d);font-weight:600}.admin-wa-settings .state-card{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:12px;padding:24px;color:var(--t-64748b)}.admin-wa-settings .card{background:var(--s-ffffff);border:1px solid var(--b-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:12px;font-weight:600;color:var(--t-334155)}.admin-wa-settings input{padding:10px 12px;border:1px solid var(--b-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:var(--s-eef4ff);color:var(--t-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:var(--s-2563eb);color:var(--t-ffffff);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:var(--s-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:var(--s-e6f7ff);color:var(--t-1890ff)}.conv-card .pill.CLOSED{background:var(--s-ffe6e6);color:var(--t-ff4d4f)}.conv-card .channel-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid var(--b-dbeafe);background:var(--s-eff6ff);color:var(--t-1d4ed8);font-size:12px;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:var(--s-1d4ed8);color:var(--t-ffffff);font-size:12px}.conv-card .channel-whatsapp,.conv-card .channel-wa{background:var(--s-e9f8ef);border-color:var(--b-b7ebc6);color:var(--t-128c4a)}.conv-card .channel-whatsapp .channel-icon,.conv-card .channel-wa .channel-icon{background:var(--s-25d366)}.conv-card .channel-web,.conv-card .channel-website{background:var(--s-eef2ff);border-color:var(--b-c7d2fe);color:var(--t-4338ca)}.conv-card .channel-web .channel-icon,.conv-card .channel-website .channel-icon{background:var(--s-4f46e5)}.conv-card .channel-email,.conv-card .channel-mail{background:var(--s-fff7ed);border-color:var(--b-fed7aa);color:var(--t-c2410c)}.conv-card .channel-email .channel-icon,.conv-card .channel-mail .channel-icon{background:var(--s-ea580c)}.conv-card .right{font-size:12px;color:var(--t-666666)}.conv-card .user{margin-top:10px;font-weight:500}.conv-card .meta{font-size:12px;color:var(--t-888888);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:var(--s-ffffff);border-radius:10px;font-size:14px;color:var(--t-333333);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-card .last-time{color:var(--t-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:var(--s-e6f0ff)}.conv-card .danger{background:var(--s-ffe6e6);color:var(--t-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:12px;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:12px;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:12px;padding:3px 7px}}.manager-dashboard .layout{display:flex;height:100vh;min-height:100vh;background:var(--s-f5f7fb);font-family:Archivo,sans-serif;overflow:hidden}.manager-dashboard .sidebar{width:72px;min-width:72px;background:var(--s-ffffff);border-right:1px solid var(--b-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 var(--b-dde3ec);border-radius:12px;background:var(--s-ffffff);color:var(--t-222222);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:16px}.manager-dashboard .grid-btn:hover,.manager-dashboard .icon-btn:hover{background:var(--s-f2f6ff);border-color:var(--b-cfdcff)}.manager-dashboard .icon-btn.active{background:var(--s-0b66d1);color:var(--t-ffffff);border-color:var(--b-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:var(--s-333333);display:block}.manager-dashboard .avatar{width:42px;height:42px;border-radius:50%;background:var(--s-0b66d1);color:var(--t-ffffff);display:flex;align-items:center;justify-content:center;font-size:12px;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 var(--b-e9edf3);background:var(--s-ffffff)}.manager-dashboard .actions{display:flex;gap:8px;flex-wrap:wrap}.manager-dashboard button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.manager-dashboard button.logout{background:var(--s-444444)}.manager-dashboard button.danger{background:var(--s-e74c3c)}.manager-dashboard button.secondary{background:var(--s-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 var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);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 var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-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:var(--s-eeeeee);color:var(--t-000000)}.manager-dashboard .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.manager-dashboard .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-dashboard select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.manager-dashboard .muted{color:var(--t-777777);font-size:12px}.manager-dashboard .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.manager-dashboard .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-dashboard .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.manager-dashboard .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-dashboard .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-dashboard .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-dashboard .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-dashboard .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-dashboard .chatContainer{flex:1;display:flex;flex-direction:column;height:auto;min-height:0;background:var(--s-ffffff)}.manager-dashboard .chatHeader{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.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:var(--s-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 var(--b-dddddd);background:#fff;margin-bottom:10px;overflow:visible;box-shadow:0 1px 2px #0f172a0d}.manager-dashboard .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.manager-dashboard .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.manager-dashboard .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.manager-dashboard .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.manager-dashboard .readOnlyBar{flex:0 0 auto;padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;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:var(--t-64748b)}.manager-dashboard .managerBubbleMeta b{color:var(--t-111827)}.manager-dashboard .managerText{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.45;color:var(--t-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:var(--t-111827)}.manager-dashboard .managerMediaImage,.manager-dashboard .managerMediaVideo{width:100%;max-width:320px;max-height:360px;display:block;border-radius:10px;object-fit:contain;background:var(--s-f8fafc);border:1px solid var(--b-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:var(--s-f8fafc);border:1px solid var(--b-e5e7eb);color:var(--t-0f172a);text-decoration:none;font-weight:600;word-break:break-word;overflow-wrap:anywhere}.manager-dashboard .managerDocument:hover{background:var(--s-eef2ff);border-color:var(--b-c7d2fe)}.manager-dashboard .managerTemplate{max-width:320px;padding:10px;border-radius:10px;background:var(--s-f0fdf4);border:1px solid var(--b-bbf7d0);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.manager-dashboard .managerTemplate small{display:block;color:var(--t-64748b);margin-bottom:6px;font-weight:700}.manager-dashboard .managerStructured{margin:0;max-width:320px;padding:10px;border-radius:10px;background:var(--s-f8fafc);border:1px solid var(--b-e5e7eb);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:inherit;font-size:12px}.manager-dashboard .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f5f7fb)}.manager-dashboard .tabs{position:sticky;top:0;z-index:2;padding:8px 0;background:var(--s-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:var(--s-ffffff)}.manager-dashboard .cardHead h3{font-size:16px}.manager-dashboard .mobileBackBtn{display:inline-flex;align-items:center;justify-content:center;background:var(--s-eef2f7);color:var(--t-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:var(--s-f5f7fb);font-family:Archivo,sans-serif}.manager-shell .sidebar{width:72px;min-width:72px;background:var(--s-ffffff);border-right:1px solid var(--b-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 var(--b-dde3ec);border-radius:12px;background:var(--s-ffffff);color:var(--t-222222);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:16px}.manager-shell .grid-btn:hover,.manager-shell .icon-btn:hover{background:var(--s-f2f6ff);border-color:var(--b-cfdcff)}.manager-shell .icon-btn.active{background:var(--s-0b66d1);color:var(--t-ffffff);border-color:var(--b-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:var(--s-333333);display:block}.manager-shell .avatar{width:42px;height:42px;border-radius:50%;background:var(--s-0b66d1);color:var(--t-ffffff);display:flex;align-items:center;justify-content:center;font-size:12px;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 var(--b-e9edf3);background:var(--s-ffffff)}.manager-shell .actions{display:flex;gap:8px;flex-wrap:wrap}.manager-shell button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.manager-shell button.logout{background:var(--s-444444)}.manager-shell button.danger{background:var(--s-e74c3c)}.manager-shell button.secondary{background:var(--s-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 var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);min-height:0}.manager-shell .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-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:var(--s-eeeeee);color:var(--t-000000)}.manager-shell .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.manager-shell .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-shell select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.manager-shell .muted{color:var(--t-777777);font-size:12px}.manager-shell .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.manager-shell .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-shell .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.manager-shell .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-shell .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-shell .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-shell .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-shell .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-shell .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--s-ffffff)}.manager-shell .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.manager-shell .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--s-f8f9fb)}.manager-shell .msg{max-width:75%;border-radius:12px;border:1px solid var(--b-dddddd);background:#fff;margin-bottom:10px}.manager-shell .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.manager-shell .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.manager-shell .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.manager-shell .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.manager-shell .readOnlyBar{padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;text-align:center}.manager-shell .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f8fafc);color:var(--t-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:var(--t-1e293b)}.manager-shell .ds_header_title p{margin:4px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:8px;font-size:14px;color:var(--t-1e293b);background:#fff;outline:none;transition:border-color .2s}.manager-shell .ds_filters select:focus,.manager-shell .ds_filters input:focus{border-color:var(--b-3b82f6)}.manager-shell .ds_search_btn{background:var(--s-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:var(--s-2563eb)}.manager-shell .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.manager-shell .stat_card{background:var(--s-ffffff);padding:20px;border-radius:12px;border:1px solid var(--b-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:var(--s-3b82f6);color:#fff;border-color:var(--b-3b82f6)}.manager-shell .stat_card .label{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--t-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-e2e8f0)}.manager-shell .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:var(--t-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:var(--t-64748b);font-weight:600;border-bottom:1px solid var(--b-e2e8f0)}.manager-shell .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid var(--b-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:var(--s-ecfdf5);color:var(--t-059669)}.manager-shell .status_ready:before{background:var(--s-059669)}.manager-shell .status_live{background:var(--s-eff6ff);color:var(--t-2563eb)}.manager-shell .status_live:before{background:var(--s-2563eb)}.manager-shell .status_break{background:var(--s-fffbeb);color:var(--t-d97706)}.manager-shell .status_break:before{background:var(--s-d97706)}.manager-shell .active_chats_count{color:var(--t-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 var(--b-f1f5f9)}.manager-shell .activity_item:last-child{border-bottom:none}.manager-shell .activity_icon{width:36px;height:36px;border-radius:50%;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--t-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:var(--t-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:var(--s-ecfdf5);color:var(--t-059669)}.manager-shell .time_warning{background:var(--s-fff7ed);color:var(--t-c2410c)}.manager-shell .time_danger{background:var(--s-fef2f2);color:var(--t-dc2626)}.manager-shell .status_waiting{color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0);position:relative;z-index:10}.manager-shell .ds_mainContent{padding:10px!important;flex-grow:1;background:var(--s-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-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:var(--t-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:var(--s-f1f5f9);border-radius:999px}.recent-activity-feed .activity_list::-webkit-scrollbar-thumb{background:var(--s-cbd5e1);border-radius:999px}.recent-activity-feed .activity_item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--b-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:var(--s-f1f5f9);color:var(--t-64748b)}.recent-activity-feed .icon-assigned{background:var(--s-eff6ff);color:var(--t-2563eb)}.recent-activity-feed .icon-routed{background:var(--s-f5f3ff);color:var(--t-7c3aed)}.recent-activity-feed .icon-closed{background:var(--s-ecfdf5);color:var(--t-059669)}.recent-activity-feed .icon-waiting{background:var(--s-fff7ed);color:var(--t-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:var(--t-1e293b)}.recent-activity-feed .activity_subtext{margin:4px 0 0;font-size:12px;color:var(--t-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:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);font-size:12px;color:var(--t-475569)}.recent-activity-feed .activity_time{font-size:12px;color:var(--t-94a3b8)}.recent-activity-feed .activity_empty{font-size:12px;color:var(--t-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:var(--s-333333);display:block}.mdashboard button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.mdashboard button.logout{background:var(--s-444444)}.mdashboard button.danger{background:var(--s-e74c3c)}.mdashboard button.secondary{background:var(--s-6c757d)}.mdashboard .grid{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.mdashboard .card{border:1px solid var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);min-height:0}.mdashboard .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-fafafa)}.mdashboard .row{display:flex;align-items:center;gap:8px}.mdashboard .tabs{display:flex;gap:8px;flex-wrap:wrap}.mdashboard .tab{background:var(--s-eeeeee);color:var(--t-000000)}.mdashboard .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.mdashboard .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdashboard select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.mdashboard .muted{color:var(--t-777777);font-size:12px}.mdashboard .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.mdashboard .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.mdashboard .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.mdashboard .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.mdashboard .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.mdashboard .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.mdashboard .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.mdashboard .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.mdashboard .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--s-ffffff)}.mdashboard .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.mdashboard .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--s-f8f9fb)}.mdashboard .msg{max-width:75%;border-radius:12px;border:1px solid var(--b-dddddd);background:#fff;margin-bottom:10px}.mdashboard .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.mdashboard .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.mdashboard .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.mdashboard .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.mdashboard .readOnlyBar{padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;text-align:center}.mdashboard .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f8fafc);color:var(--t-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:var(--t-1e293b)}.mdashboard .ds_header_title p{margin:4px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:8px;font-size:14px;color:var(--t-1e293b);background:#fff;outline:none;transition:border-color .2s}.mdashboard .ds_filters select:focus,.mdashboard .ds_filters input:focus{border-color:var(--b-3b82f6)}.mdashboard .ds_search_btn{background:var(--s-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:var(--s-2563eb)}.mdashboard .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.mdashboard .stat_card{background:var(--s-ffffff);padding:20px;border-radius:12px;border:1px solid var(--b-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:var(--s-3b82f6);color:#fff;border-color:var(--b-3b82f6)}.mdashboard .stat_card .label{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--t-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-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:var(--t-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:var(--s-f1f5f9);border-radius:999px}.mdashboard .panel_table_scroll::-webkit-scrollbar-thumb{background:var(--s-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:var(--t-64748b);font-weight:600;border-bottom:1px solid var(--b-e2e8f0);background:var(--s-ffffff);position:sticky;top:0;z-index:2}.mdashboard .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid var(--b-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:var(--s-ecfdf5);color:var(--t-059669)}.mdashboard .status_ready:before{background:var(--s-059669)}.mdashboard .status_live{background:var(--s-eff6ff);color:var(--t-2563eb)}.mdashboard .status_live:before{background:var(--s-2563eb)}.mdashboard .status_break{background:var(--s-fffbeb);color:var(--t-d97706)}.mdashboard .status_break:before{background:var(--s-d97706)}.mdashboard .active_chats_count{color:var(--t-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 var(--b-f1f5f9)}.mdashboard .activity_item:last-child{border-bottom:none}.mdashboard .activity_icon{width:36px;height:36px;border-radius:50%;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--t-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:var(--t-64748b);margin-top:4px}.mdashboard .time_badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.mdashboard .time_good{background:var(--s-ecfdf5);color:var(--t-059669)}.mdashboard .time_warning{background:var(--s-fff7ed);color:var(--t-c2410c)}.mdashboard .time_danger{background:var(--s-fef2f2);color:var(--t-dc2626)}.mdashboard .status_waiting{color:var(--t-f59e0b);font-weight:600}.mdashboard .status_waiting.expired{color:var(--t-dc2626)}.mdashboard .queue_panel_header{align-items:center;display:flex;justify-content:space-between;gap:10px}.mdashboard .socket_badge{border-radius:999px;font-size:12px;font-weight:700;padding:3px 8px;text-transform:uppercase}.mdashboard .socket_badge.live{background:var(--s-dcfce7);color:var(--t-166534)}.mdashboard .socket_badge.connecting{background:var(--s-eff6ff);color:var(--t-1d4ed8)}.mdashboard .socket_badge.offline,.mdashboard .socket_badge.error{background:var(--s-fee2e2);color:var(--t-991b1b)}.mdashboard .queue_code{display:block;margin-top:3px;color:var(--t-64748b);font-size:12px;font-weight:600}.mdashboard .empty_queue{color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0);position:relative;z-index:10}.mdashboard .ds_mainContent{padding:10px!important;flex-grow:1;background:var(--s-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:20px}.dispo-page .sub{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.dispo-page .primary-btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.dispo-page .loading-box,.dispo-page .empty-box{background:var(--s-ffffff);border:1px solid var(--b-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-e5e7eb);color:var(--t-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 var(--b-f1f5f9);color:var(--t-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:var(--s-f8fbff)}.dispo-page .dispo-table tbody tr:focus-visible{outline:2px solid var(--b-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:var(--t-0f172a);font-weight:800}.dispo-page .name-cell small{display:block;margin-top:4px;color:var(--t-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:12px;font-weight:600;white-space:nowrap}.dispo-page .pill.on{background:var(--s-ecfdf5);color:var(--t-059669)}.dispo-page .pill.off{background:var(--s-f3f4f6);color:var(--t-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 var(--b-eef2f7)}.dispo-page .preview-dot{width:44px;height:44px;flex:0 0 44px;border-radius:14px}.dispo-page .preview-head h3{margin:0;color:var(--t-0f172a);font-size:16px}.dispo-page .preview-head p{margin:4px 0 0;color:var(--t-64748b);font-size:12px;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:var(--s-eff6ff);color:var(--t-1d4ed8);font-size:12px;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 var(--b-f1f5f9)}.dispo-page .preview-list span{color:var(--t-64748b);font-size:12px}.dispo-page .preview-list b{color:var(--t-0f172a);font-size:12px;font-weight:700;text-align:right}.dispo-page .preview-actions{display:flex;gap:8px;margin-top:18px}.dispo-page .empty-preview{color:var(--t-64748b);font-size:14px}.dispo-page .edit-btn,.dispo-page .delete-btn{border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.dispo-page .edit-btn{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.dispo-page .delete-btn{background:var(--s-fee2e2);color:var(--t-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:var(--s-ffffff);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 var(--b-eeeeee)}.dispo-page .modal-head h3{margin:0;font-size:16px}.dispo-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:16px}.dispo-page .modal-body{padding:16px;display:grid;gap:12px}.dispo-page .field{display:grid;gap:6px}.dispo-page .field label{font-size:12px;font-weight:600;color:var(--t-374151)}.dispo-page .field input[type=text]{width:100%;border:1px solid var(--b-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 var(--b-d1d5db);border-radius:10px;padding:4px;background:var(--s-ffffff)}.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 var(--b-eeeeee)}.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:var(--s-eef2f7);color:var(--t-334155)}.dispo-page .save-btn{background:var(--s-2563eb);color:var(--t-ffffff)}.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:20px}.pausecode-page .sub{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.pausecode-page .primary-btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.pausecode-page .loading-box{background:var(--s-ffffff);border:1px solid var(--b-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:var(--s-ffffff);border-radius:12px;border:1px solid var(--b-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:var(--t-64748b)}.pausecode-page .pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pausecode-page .pill.on{background:var(--s-ecfdf5);color:var(--t-059669)}.pausecode-page .pill.off{background:var(--s-f3f4f6);color:var(--t-6b7280)}.pausecode-page .desc{margin-top:12px;font-size:12px;color:var(--t-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:12px}.pausecode-page .label{color:var(--t-64748b)}.pausecode-page .value{color:var(--t-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:12px;font-weight:600}.pausecode-page .edit-btn{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.pausecode-page .delete-btn{background:var(--s-fee2e2);color:var(--t-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:var(--s-ffffff);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 var(--b-eeeeee)}.pausecode-page .modal-head h3{margin:0;font-size:16px}.pausecode-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:16px}.pausecode-page .modal-body{padding:16px;display:grid;gap:12px}.pausecode-page .field{display:grid;gap:6px}.pausecode-page .field label{font-size:12px;font-weight:600;color:var(--t-374151)}.pausecode-page .field input[type=text],.pausecode-page .field textarea{width:100%;border:1px solid var(--b-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 var(--b-d1d5db);border-radius:10px;padding:4px;background:var(--s-ffffff)}.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 var(--b-eeeeee)}.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:var(--s-eef2f7);color:var(--t-334155)}.pausecode-page .save-btn{background:var(--s-2563eb);color:var(--t-ffffff)}.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:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.manager-users-page .actions button.logout{background:var(--s-444444)}.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:var(--t-0f172a)}.manager-users-page .sub{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.manager-users-page .head-actions{display:flex;gap:8px;flex-wrap:wrap}.manager-users-page .primary-btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.manager-users-page .ghost-btn{border:1px solid var(--b-cfd8e3);background:var(--s-ffffff);color:var(--t-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 var(--b-cbd5e1);border-radius:8px;background:var(--s-ffffff);min-width:160px}.manager-users-page .filters button{border:none;background:var(--s-2563eb);color:var(--t-ffffff);padding:9px 16px;border-radius:8px;cursor:pointer}.manager-users-page .loading-box{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:12px;padding:18px}.manager-users-page .table-wrap{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:14px;overflow:auto}.manager-users-page .table{width:100%;border-collapse:collapse}.manager-users-page .table th{text-align:left;background:var(--s-f8fafc);padding:12px 14px;font-size:12px;color:var(--t-475569);border-bottom:1px solid var(--b-e5e7eb);white-space:nowrap}.manager-users-page .table td{padding:12px 14px;border-bottom:1px solid var(--b-f1f5f9);font-size:12px;color:var(--t-0f172a);vertical-align:middle}.manager-users-page .table td small{display:block;color:var(--t-94a3b8);font-size:12px;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:12px;font-weight:700;text-transform:capitalize;background:var(--s-eef2ff);color:var(--t-4338ca)}.manager-users-page .role-pill.manager{background:var(--s-ecfdf5);color:var(--t-059669)}.manager-users-page .pill{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.manager-users-page .pill.on{background:var(--s-ecfdf5);color:var(--t-059669)}.manager-users-page .pill.off{background:var(--s-f3f4f6);color:var(--t-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:var(--s-dbeafe);color:var(--t-1d4ed8)}.manager-users-page .reset-btn{background:var(--s-fef3c7);color:var(--t-92400e)}.manager-users-page .delete-btn{background:var(--s-fee2e2);color:var(--t-b91c1c)}.manager-users-page .delete-btn:disabled{opacity:.6;cursor:not-allowed}.manager-users-page .empty{text-align:center;padding:30px;color:var(--t-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:var(--s-ffffff);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 var(--b-eeeeee)}.manager-users-page .modal-head h3{margin:0;font-size:16px}.manager-users-page .close-btn{border:none;background:transparent;cursor:pointer;font-size:16px}.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:12px;font-weight:600;color:var(--t-374151)}.manager-users-page .field input,.manager-users-page .field select{width:100%;border:1px solid var(--b-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:var(--t-64748b);font-size:12px;line-height:1.5}.manager-users-page .hint code{background:var(--s-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 var(--b-eeeeee)}.manager-users-page .save-btn{border:none;background:var(--s-2563eb);color:var(--t-ffffff);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}}.sip-page{padding:20px 24px 40px}.sip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sip-head h1{font-size:22px;font-weight:600;margin:0 0 4px}.sip-sub{margin:0;color:var(--muted, var(--t-6b7280));font-size:13px;max-width:68ch;line-height:1.5}.sip-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border, var(--b-d6dae1));background:var(--s-ffffff);color:inherit;cursor:pointer;white-space:nowrap}.sip-btn:hover:not(:disabled){background:var(--s-f5f7fa)}.sip-btn:disabled{opacity:.55;cursor:default}.sip-primary{background:var(--primary, var(--s-2563eb));border-color:var(--primary, var(--b-2563eb));color:var(--t-ffffff)}.sip-primary:hover:not(:disabled){background:var(--primary, var(--s-2563eb));filter:brightness(.94)}.sip-danger{color:var(--t-b42318);border-color:var(--b-f0c6c2)}.sip-danger:hover:not(:disabled){background:var(--s-fef3f2)}.sip-table-wrap{border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;overflow-x:auto;background:var(--s-ffffff)}.sip-table{width:100%;border-collapse:collapse;font-size:13px}.sip-table th,.sip-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border, var(--b-eef0f3));vertical-align:middle;white-space:nowrap}.sip-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, var(--t-6b7280));background:var(--s-fafbfc)}.sip-table tr:last-child td{border-bottom:none}.sip-table tr.is-inactive td{opacity:.55}.sip-ext{font-variant-numeric:tabular-nums;font-weight:600}.sip-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:normal;word-break:break-all;max-width:32ch}.sip-row-actions{display:flex;gap:6px;justify-content:flex-end}.sip-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.sip-pill.ok{background:var(--s-ecfdf3);color:var(--t-027a48)}.sip-pill.bad{background:var(--s-fef3f2);color:var(--t-b42318)}.sip-pill.off{background:var(--s-f2f4f7);color:var(--t-475467)}.sip-alert{font-size:12.5px;line-height:1.45;padding:8px 10px;border-radius:6px;margin-bottom:12px;border:1px solid transparent}.sip-alert.bad{background:var(--s-fef3f2);border-color:var(--b-fecdc9);color:var(--t-912018)}.sip-empty{padding:32px;text-align:center;color:var(--muted, var(--t-6b7280));font-size:14px;border:1px dashed var(--border, var(--b-d6dae1));border-radius:10px}.sip-note{font-size:12px;line-height:1.55;color:var(--muted, var(--t-6b7280));margin:0}.sip-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--s-f2f4f7);padding:1px 4px;border-radius:3px}.sip-log{margin-top:28px}.sip-log h2{font-size:16px;font-weight:600;margin:0 0 4px}.sip-log-list{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--border, var(--b-e5e7eb));border-radius:10px;background:var(--s-ffffff);overflow:hidden}.sip-log-list li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--border, var(--b-eef0f3));font-size:12.5px}.sip-log-list li:last-child{border-bottom:none}.sip-log-when{color:var(--muted, var(--t-6b7280));font-variant-numeric:tabular-nums}.sip-log-who{font-weight:500}.sip-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--s-f2f4f7);padding:1px 6px;border-radius:3px}.sip-log-detail{flex:1 1 100%;color:var(--t-912018);line-height:1.45}.sip-field{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0}.sip-field>span{font-size:12px;font-weight:500}.sip-field>span em{font-style:normal;font-weight:400;color:var(--muted, var(--t-6b7280))}.sip-field input,.sip-field select{font:inherit;font-size:13px;height:32px;padding:0 8px;border:1px solid var(--border, var(--b-d6dae1));border-radius:6px;background:var(--s-ffffff);min-width:0}.sip-narrow{flex:0 0 170px}.sip-row{display:flex;gap:12px;flex-wrap:wrap}.sip-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45}.sip-check input{width:16px;height:16px;margin-top:2px;flex:0 0 auto}.sip-check em{font-style:normal;color:var(--muted, var(--t-6b7280));font-size:12px}.sip-fieldset{border:1px solid var(--border, var(--b-e5e7eb));border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.sip-fieldset legend{font-size:12px;font-weight:600;padding:0 6px}.sip-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;z-index:60}.sip-modal{background:var(--s-ffffff);border-radius:12px;padding:20px;width:min(620px,100%);display:flex;flex-direction:column;gap:12px}.sip-modal h2{font-size:17px;font-weight:600;margin:0}.sip-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sip-range{height:32px;padding:0;border:0;background:none;accent-color:var(--primary, var(--s-2563eb));width:100%}.sip-ring-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sip-ring-actions .sip-note{flex:1 1 200px}.sip-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sip-upload .sip-note{flex:1 1 220px}.sip-alert.ok{background:var(--s-ecfdf3);border-color:var(--b-abefc6);color:var(--t-05603a)}.cr-byagent,.cr-detail{margin-top:24px}.cr-byagent h2,.cr-detail h2{font-size:15px;font-weight:600;margin:0 0 10px}.cr-notes{white-space:normal;max-width:34ch;color:var(--muted, var(--t-6b7280));line-height:1.45}.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:var(--s-2563eb);color:var(--t-ffffff);padding:10px 14px;border-radius:10px;cursor:pointer}.queue-page .notification-panel{margin-bottom:14px;padding:14px;border:1px solid var(--b-dbeafe);border-radius:14px;background:var(--s-ffffff)}.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:var(--t-64748b);font-size:12px}.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 var(--b-e2e8f0);border-radius:12px;background:var(--s-f8fafc)}.queue-page .notification-row small{display:block;margin-top:3px;color:var(--t-64748b)}.queue-page .channel-pill{border-radius:999px;padding:5px 9px;background:var(--s-dcfce7);color:var(--t-166534);font-size:12px;font-weight:800;text-transform:uppercase}.queue-page .loading{font-size:14px;color:var(--t-64748b)}.queue-page .queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.queue-page .queue-card{background:var(--s-ffffff);border-radius:12px;border:1px solid var(--b-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:12px;background:var(--s-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:var(--s-dbeafe);color:var(--t-1d4ed8)}.queue-page .delete-btn{background:var(--s-fee2e2);color:var(--t-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:var(--s-ffffff);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 var(--b-eeeeee)}.queue-page .modal-head h3{margin:0;font-size:16px}.queue-page .close-btn{border:none;background:transparent;font-size:16px;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:12px;font-weight:600}.queue-page .field input,.queue-page .field select,.queue-page .field textarea{width:100%;border:1px solid var(--b-d1d5db);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--s-ffffff);outline:none;box-sizing:border-box}.queue-page .field textarea{resize:vertical;min-height:110px}.queue-page .field small{color:var(--t-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 var(--b-eeeeee)}.queue-page .ghost-btn,.queue-page .save-btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.queue-page .ghost-btn{background:var(--s-eef2f7);color:var(--t-334155)}.queue-page .save-btn{background:var(--s-2563eb);color:var(--t-ffffff)}.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:var(--s-333333);display:block}.manager-queues-page button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.manager-queues-page button.logout{background:var(--s-444444)}.manager-queues-page button.danger{background:var(--s-e74c3c)}.manager-queues-page button.secondary{background:var(--s-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 var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);min-height:0}.manager-queues-page .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-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:var(--s-eeeeee);color:var(--t-000000)}.manager-queues-page .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.manager-queues-page .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-queues-page select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.manager-queues-page .muted{color:var(--t-777777);font-size:12px}.manager-queues-page .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.manager-queues-page .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-queues-page .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.manager-queues-page .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-queues-page .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-queues-page .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-queues-page .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-queues-page .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.manager-queues-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--s-ffffff)}.manager-queues-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.manager-queues-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--s-f8f9fb)}.manager-queues-page .msg{max-width:75%;border-radius:12px;border:1px solid var(--b-dddddd);background:#fff;margin-bottom:10px}.manager-queues-page .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.manager-queues-page .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.manager-queues-page .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.manager-queues-page .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.manager-queues-page .readOnlyBar{padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;text-align:center}.manager-queues-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f8fafc);color:var(--t-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:var(--t-1e293b)}.manager-queues-page .ds_header_title p{margin:4px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:8px;font-size:14px;color:var(--t-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:var(--b-3b82f6)}.manager-queues-page .ds_search_btn{background:var(--s-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:var(--s-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:var(--s-ffffff);padding:20px;border-radius:12px;border:1px solid var(--b-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:var(--s-3b82f6);color:#fff;border-color:var(--b-3b82f6)}.manager-queues-page .stat_card .label{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--t-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-e2e8f0)}.manager-queues-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:var(--t-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:var(--t-64748b);font-weight:600;border-bottom:1px solid var(--b-e2e8f0)}.manager-queues-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid var(--b-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:var(--s-ecfdf5);color:var(--t-059669)}.manager-queues-page .status_ready:before{background:var(--s-059669)}.manager-queues-page .status_live{background:var(--s-eff6ff);color:var(--t-2563eb)}.manager-queues-page .status_live:before{background:var(--s-2563eb)}.manager-queues-page .status_break{background:var(--s-fffbeb);color:var(--t-d97706)}.manager-queues-page .status_break:before{background:var(--s-d97706)}.manager-queues-page .active_chats_count{color:var(--t-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 var(--b-f1f5f9)}.manager-queues-page .activity_item:last-child{border-bottom:none}.manager-queues-page .activity_icon{width:36px;height:36px;border-radius:50%;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--t-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:var(--t-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:var(--s-ecfdf5);color:var(--t-059669)}.manager-queues-page .time_warning{background:var(--s-fff7ed);color:var(--t-c2410c)}.manager-queues-page .time_danger{background:var(--s-fef2f2);color:var(--t-dc2626)}.manager-queues-page .status_waiting{color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0);position:relative;z-index:10}.manager-queues-page .ds_mainContent{padding:10px!important;flex-grow:1;background:var(--s-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:var(--t-64748b)}.queue-stats-page button{border:1px solid var(--b-cbd5e1);border-radius:10px;padding:9px 13px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:800;cursor:pointer}.queue-stats-page button.primary{border-color:var(--b-16a34a);background:var(--s-16a34a);color:var(--t-ffffff)}.queue-stats-page button.logout{border-color:var(--b-fecaca);color:var(--t-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 var(--b-dbeafe);border-radius:22px;background:linear-gradient(135deg,var(--s-eff6ff),var(--s-ffffff))}.queue-stats-page .hero h1{margin:0;font-size:32px}.queue-stats-page .hero p{margin:6px 0 0;color:var(--t-64748b);font-weight:700}.queue-stats-page .source-pill{flex-shrink:0;padding:8px 12px;border-radius:999px;background:var(--s-dcfce7);color:var(--t-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 var(--b-e2e8f0);border-radius:18px;background:var(--s-ffffff)}.queue-stats-page .filters label{display:flex;flex-direction:column;gap:6px;color:var(--t-475569);font-size:12px;font-weight:900}.queue-stats-page .filters input,.queue-stats-page .filters select{min-height:40px;border:1px solid var(--b-cbd5e1);border-radius:10px;padding:0 10px;color:var(--t-0f172a);background:var(--s-ffffff)}.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 var(--b-e2e8f0);border-radius:18px;background:var(--s-ffffff);box-shadow:0 10px 28px #0f172a0d}.queue-stats-page .metric-card span{display:block;color:var(--t-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:var(--t-dc2626)}.queue-stats-page .metric-card.warning b{color:var(--t-d97706)}.queue-stats-page .table-card{border:1px solid var(--b-e2e8f0);border-radius:20px;background:var(--s-ffffff);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 var(--b-e2e8f0)}.queue-stats-page .table-head h2{margin:0}.queue-stats-page .table-head p{margin:4px 0 0;color:var(--t-64748b)}.queue-stats-page .export-btn{border-color:var(--b-16a34a);background:var(--s-16a34a);color:var(--t-ffffff)}.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 var(--b-eef2f7);text-align:left;white-space:nowrap}.queue-stats-page th{background:var(--s-f8fafc);color:var(--t-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:var(--t-64748b)}.queue-stats-page .empty,.queue-stats-page .error{padding:28px;text-align:center;font-weight:800}.queue-stats-page .error{color:var(--t-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:var(--s-f8fafc);min-height:100vh}.dispo-report .header h2{margin:0;color:var(--t-0f172a)}.dispo-report .header p{margin:6px 0 0;color:var(--t-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 var(--b-cbd5e1);border-radius:6px;background:var(--s-ffffff);min-width:140px}.dispo-report .filters input[type=text]{min-width:180px}.dispo-report .filters button{background:var(--s-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:var(--s-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 var(--b-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 var(--b-e5e7eb);padding-top:10px}.dispo-report .summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px;border-bottom:1px solid var(--b-f1f5f9)}.dispo-report .table-wrap{overflow-x:auto}.dispo-report .table{width:100%;border-collapse:collapse}.dispo-report .table th{text-align:left;background:var(--s-f1f5f9);padding:10px;font-size:12px;color:var(--t-334155)}.dispo-report .table td{text-align:left;padding:10px;border-bottom:1px solid var(--b-eeeeee);font-size:12px}.dispo-report .pagination{display:flex;justify-content:space-between;margin-top:10px}.dispo-report .pagination button{background:var(--s-0b66d1);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.dispo-report .pagination button:disabled{background:var(--s-cccccc);cursor:not-allowed}.dispo-report .empty{text-align:center;padding:20px;color:var(--t-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:var(--s-333333);display:block}.dispo-report-page button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.dispo-report-page button.logout{background:var(--s-444444)}.dispo-report-page button.danger{background:var(--s-e74c3c)}.dispo-report-page button.secondary{background:var(--s-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 var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);min-height:0}.dispo-report-page .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-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:var(--s-eeeeee);color:var(--t-000000)}.dispo-report-page .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.dispo-report-page .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispo-report-page select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.dispo-report-page .muted{color:var(--t-777777);font-size:12px}.dispo-report-page .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.dispo-report-page .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.dispo-report-page .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.dispo-report-page .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.dispo-report-page .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.dispo-report-page .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.dispo-report-page .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.dispo-report-page .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.dispo-report-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--s-ffffff)}.dispo-report-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.dispo-report-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--s-f8f9fb)}.dispo-report-page .msg{max-width:75%;border-radius:12px;border:1px solid var(--b-dddddd);background:#fff;margin-bottom:10px}.dispo-report-page .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.dispo-report-page .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.dispo-report-page .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.dispo-report-page .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.dispo-report-page .readOnlyBar{padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;text-align:center}.dispo-report-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f8fafc);color:var(--t-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:var(--t-1e293b)}.dispo-report-page .ds_header_title p{margin:4px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:8px;font-size:14px;color:var(--t-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:var(--b-3b82f6)}.dispo-report-page .ds_search_btn{background:var(--s-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:var(--s-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:var(--s-ffffff);padding:20px;border-radius:12px;border:1px solid var(--b-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:var(--s-3b82f6);color:#fff;border-color:var(--b-3b82f6)}.dispo-report-page .stat_card .label{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--t-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-e2e8f0)}.dispo-report-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:var(--t-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:var(--t-64748b);font-weight:600;border-bottom:1px solid var(--b-e2e8f0)}.dispo-report-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid var(--b-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:var(--s-ecfdf5);color:var(--t-059669)}.dispo-report-page .status_ready:before{background:var(--s-059669)}.dispo-report-page .status_live{background:var(--s-eff6ff);color:var(--t-2563eb)}.dispo-report-page .status_live:before{background:var(--s-2563eb)}.dispo-report-page .status_break{background:var(--s-fffbeb);color:var(--t-d97706)}.dispo-report-page .status_break:before{background:var(--s-d97706)}.dispo-report-page .active_chats_count{color:var(--t-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 var(--b-f1f5f9)}.dispo-report-page .activity_item:last-child{border-bottom:none}.dispo-report-page .activity_icon{width:36px;height:36px;border-radius:50%;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--t-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:var(--t-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:var(--s-ecfdf5);color:var(--t-059669)}.dispo-report-page .time_warning{background:var(--s-fff7ed);color:var(--t-c2410c)}.dispo-report-page .time_danger{background:var(--s-fef2f2);color:var(--t-dc2626)}.dispo-report-page .status_waiting{color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0);position:relative;z-index:10}.dispo-report-page .ds_mainContent{padding:10px!important;flex-grow:1;background:var(--s-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:var(--s-ffffff);padding:16px;border-radius:12px;border:1px solid var(--b-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:16px;color:var(--t-0f172a)}.report-box .report-head p{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.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:var(--t-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 var(--b-d1d5db);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a)}.report-box .actions{display:flex;gap:8px;align-items:center}.report-box .search-btn,.report-box .export-btn{min-height:40px;color:var(--t-ffffff);padding:8px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.report-box .search-btn{background:var(--s-2563eb)}.report-box .export-btn{background:var(--s-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 var(--b-e2e8f0);border-radius:12px;padding:12px;background:var(--s-f8fafc)}.report-box .summary-card span{display:block;color:var(--t-64748b);font-size:12px;font-weight:700}.report-box .summary-card strong{display:block;margin-top:6px;color:var(--t-0f172a);font-size:16px}.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 var(--b-e2e8f0);border-radius:12px;padding:14px;background:var(--s-ffffff);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:var(--t-0f172a);font-size:14px}.report-box .chart-head p{margin:3px 0 0;color:var(--t-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:var(--s-f8fafc);color:var(--t-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:var(--t-0f172a);white-space:nowrap}.report-box .chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--t-64748b);font-size:12px;border-radius:10px;background:var(--s-f8fafc)}.report-box .table-wrap{margin-top:14px;overflow:auto;border:1px solid var(--b-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 var(--b-e2e8f0);text-align:left;font-size:12px;vertical-align:top}.report-box .report-table th{background:var(--s-f8fafc);color:var(--t-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:var(--t-64748b)}.report-box .code-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--s-fef3c7);color:var(--t-92400e);font-weight:800}.report-box .empty-cell{padding:26px 12px;color:var(--t-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:var(--s-333333);display:block}.pauselog-page button{padding:8px 12px;border:none;border-radius:10px;background:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.pauselog-page button.logout{background:var(--s-444444)}.pauselog-page button.danger{background:var(--s-e74c3c)}.pauselog-page button.secondary{background:var(--s-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 var(--b-e9edf3);border-radius:14px;overflow:hidden;background:var(--s-ffffff);min-height:0}.pauselog-page .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);border-radius:12px;background:var(--s-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:var(--s-eeeeee);color:var(--t-000000)}.pauselog-page .tab.on{background:var(--s-e6f0ff);color:var(--t-0b66d1);border:2px solid var(--b-0b66d1)}.pauselog-page .preview{margin-top:6px;font-size:12px;color:var(--t-555555);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pauselog-page select{padding:8px;border-radius:10px;border:1px solid var(--b-cccccc)}.pauselog-page .muted{color:var(--t-777777);font-size:12px}.pauselog-page .pill{padding:2px 8px;border-radius:999px;border:1px solid var(--b-dddddd);font-size:12px;background:var(--s-f5f5f5)}.pauselog-page .pill.READY{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.pauselog-page .pill.LIVE{background:var(--s-4fc77d);border-color:var(--b-abe4be);color:var(--t-fafafa)}.pauselog-page .pill.AWAY{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.pauselog-page .pill.OFFLINE{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.pauselog-page .pill.OPEN{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.pauselog-page .pill.CLOSED{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.pauselog-page .pill.QUEUED{background:var(--s-fff5e6);border-color:var(--b-ffe0a3)}.pauselog-page .chatContainer{display:flex;flex-direction:column;height:calc(100vh - 110px);background:var(--s-ffffff)}.pauselog-page .chatHeader{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--b-eeeeee)}.pauselog-page .messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--s-f8f9fb)}.pauselog-page .msg{max-width:75%;border-radius:12px;border:1px solid var(--b-dddddd);background:#fff;margin-bottom:10px}.pauselog-page .agentMsg{align-self:flex-end;background:var(--s-eaf3ff);border-color:var(--b-cfe0ff)}.pauselog-page .visitorMsg{align-self:flex-start;background:var(--s-ffffff)}.pauselog-page .botMsg{align-self:flex-end;background:var(--s-eefaf0);border-color:var(--b-cfead5)}.pauselog-page .systemMsg{align-self:center;background:var(--s-f1f1f1);max-width:90%}.pauselog-page .readOnlyBar{padding:12px 14px;border-top:1px solid var(--b-eeeeee);background:var(--s-fafafa);color:var(--t-666666);font-size:12px;text-align:center}.pauselog-page .emptyState{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:var(--t-777777);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:var(--s-f8fafc);color:var(--t-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:var(--t-1e293b)}.pauselog-page .ds_header_title p{margin:4px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:8px;font-size:14px;color:var(--t-1e293b);background:#fff;outline:none;transition:border-color .2s}.pauselog-page .ds_filters select:focus,.pauselog-page .ds_filters input:focus{border-color:var(--b-3b82f6)}.pauselog-page .ds_search_btn{background:var(--s-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:var(--s-2563eb)}.pauselog-page .ds_stats_grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.pauselog-page .stat_card{background:var(--s-ffffff);padding:20px;border-radius:12px;border:1px solid var(--b-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:var(--s-3b82f6);color:#fff;border-color:var(--b-3b82f6)}.pauselog-page .stat_card .label{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--t-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:var(--s-ffffff);padding:24px;border-radius:12px;border:1px solid var(--b-e2e8f0)}.pauselog-page .panel_header{margin-bottom:20px;font-size:16px;font-weight:600;color:var(--t-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:var(--t-64748b);font-weight:600;border-bottom:1px solid var(--b-e2e8f0)}.pauselog-page .ds_table td{padding:16px;font-size:14px;border-bottom:1px solid var(--b-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:var(--s-ecfdf5);color:var(--t-059669)}.pauselog-page .status_ready:before{background:var(--s-059669)}.pauselog-page .status_live{background:var(--s-eff6ff);color:var(--t-2563eb)}.pauselog-page .status_live:before{background:var(--s-2563eb)}.pauselog-page .status_break{background:var(--s-fffbeb);color:var(--t-d97706)}.pauselog-page .status_break:before{background:var(--s-d97706)}.pauselog-page .active_chats_count{color:var(--t-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 var(--b-f1f5f9)}.pauselog-page .activity_item:last-child{border-bottom:none}.pauselog-page .activity_icon{width:36px;height:36px;border-radius:50%;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--t-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:var(--t-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:var(--s-ecfdf5);color:var(--t-059669)}.pauselog-page .time_warning{background:var(--s-fff7ed);color:var(--t-c2410c)}.pauselog-page .time_danger{background:var(--s-fef2f2);color:var(--t-dc2626)}.pauselog-page .status_waiting{color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0);position:relative;z-index:10}.pauselog-page .ds_mainContent{padding:10px!important;flex-grow:1;background:var(--s-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:var(--s-f7f8fa);color:var(--t-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:var(--s-f8fafc);border:1px solid var(--b-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:var(--t-2f80ed)}.manager-contacts-page .app-header{height:68px;background:var(--s-ffffff);border-bottom:1px solid var(--b-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:16px;font-weight:600;color:var(--t-111827);line-height:1.2}.manager-contacts-page .subtext{margin:2px 0 0;font-size:12px;color:var(--t-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 var(--b-e5e7eb)}.manager-contacts-page .profile-badge{width:38px;height:38px;border-radius:50%;background:var(--s-2f80ed);color:var(--t-ffffff);display:flex;align-items:center;justify-content:center;font-size:12px;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:var(--t-0f172a);line-height:1.2}.manager-contacts-page .profile-info .email{margin-top:2px;font-size:12px;color:var(--t-64748b);text-transform:capitalize}.manager-contacts-page .logout-btn{width:38px;height:38px;border:1px solid var(--b-d9e1ea);border-radius:12px;background:var(--s-ffffff);color:var(--t-64748b);font-size:16px;cursor:pointer;transition:all .2s ease}.manager-contacts-page .logout-btn:hover{background:var(--s-f8fafc);color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-eef2f7)}.manager-contacts-page .customer-avatar{width:44px;height:44px;border-radius:14px;background:var(--s-edf4ff);color:var(--t-2f80ed);display:flex;align-items:center;justify-content:center;font-size:12px;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:var(--t-0f172a);font-size:16px;font-weight:700}.manager-contacts-page .customer-title p,.manager-contacts-page .customer-empty p{margin:4px 0 0;color:var(--t-64748b);font-size:12px}.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 var(--b-eef2f7)}.manager-contacts-page .customer-form label{display:flex;flex-direction:column;gap:6px;color:var(--t-64748b);font-size:12px;font-weight:600}.manager-contacts-page .customer-form input{height:38px;border:1px solid var(--b-d9e1ea);border-radius:10px;padding:0 10px;color:var(--t-0f172a);font-size:14px;background:var(--s-ffffff)}.manager-contacts-page .customer-form input:focus{outline:none;border-color:var(--b-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 var(--b-f1f5f9)}.manager-contacts-page .customer-meta div:last-child{border-bottom:none}.manager-contacts-page .customer-meta dt{color:var(--t-64748b);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.manager-contacts-page .customer-meta dd{margin:6px 0 0;color:var(--t-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:var(--t-64748b)}.manager-contacts-page .customer-empty-icon{width:52px;height:52px;border-radius:16px;background:var(--s-f1f5f9);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px}@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:var(--s-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:var(--s-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:var(--s-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:var(--s-ffffff);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.manager-contacts-page .modal-header{padding:12px 16px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-cccccc)}.manager-contacts-page .modal-footer{padding:12px 16px;border-top:1px solid var(--b-eeeeee);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:var(--s-eeeeee)}.manager-contacts-page .save{background:var(--s-16a34a);color:var(--t-ffffff)}.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,var(--s-f8fafc) 0%,var(--s-f3f6fb) 100%)}.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:var(--t-0f172a)}.wa-templates .head h2{font-size:32px;line-height:1.15;letter-spacing:-.03em}.wa-templates .head p,.wa-templates .modal-head p{margin:6px 0 0;color:var(--t-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 var(--b-e2e8f0);border-radius:18px;box-shadow:0 16px 38px #0f172a0d}.wa-templates input,.wa-templates select,.wa-templates textarea{width:100%;border:1px solid var(--b-cbd5e1);border-radius:12px;padding:0 12px;background:var(--s-ffffff);font:inherit;min-height:42px;color:var(--t-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:var(--b-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 var(--b-dbe5f1);border-radius:12px;padding:0 14px;background:var(--s-ffffff);color:var(--t-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:var(--b-16a34a);background:linear-gradient(180deg,var(--s-22c55e),var(--s-16a34a));color:var(--t-ffffff);box-shadow:0 12px 26px #22c55e38}.wa-templates .btn.danger{border-color:var(--b-fecaca);background:var(--s-fee2e2);color:var(--t-b91c1c)}.wa-templates .btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--b-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 var(--b-dbe5f1);border-radius:999px;background:var(--s-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:var(--s-dcfce7);color:var(--t-15803d)}.wa-templates .row-actions .btn.small.danger{color:var(--t-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:var(--s-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:var(--s-ffffff);border:1px solid var(--b-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:var(--s-f8fafc);padding:14px 16px;text-align:left;color:var(--t-475569);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--b-e2e8f0)}.wa-templates .table td{padding:14px 16px;border-bottom:1px solid var(--b-e2e8f0);font-size:12px;vertical-align:middle;color:var(--t-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:var(--s-f0fdf4)}.wa-templates .table tbody tr.active{box-shadow:inset 4px 0 0 var(--x-22c55e)}.wa-templates .body-small{max-width:420px;margin-top:6px;color:var(--t-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:var(--t-64748b);font-size:12px;margin-top:4px}.wa-templates .reject-note{margin-top:6px;color:var(--t-b91c1c);font-size:12px;font-weight:700}.wa-templates .badge,.wa-templates .quality{min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--s-e2e8f0);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.wa-templates .badge.APPROVED,.wa-templates .quality-GREEN{background:var(--s-dcfce7);color:var(--t-15803d)}.wa-templates .badge.PENDING,.wa-templates .badge.IN_APPEAL,.wa-templates .quality-UNKNOWN{background:var(--s-fef3c7);color:var(--t-92400e)}.wa-templates .badge.REJECTED,.wa-templates .badge.DISABLED,.wa-templates .badge.DELETED,.wa-templates .quality-RED{background:var(--s-fee2e2);color:var(--t-b91c1c)}.wa-templates .badge.PAUSED,.wa-templates .badge.LIMIT_EXCEEDED,.wa-templates .quality-YELLOW{background:var(--s-ffedd5);color:var(--t-c2410c)}.wa-templates .empty{text-align:center;color:var(--t-64748b);padding:24px}.wa-templates .pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap;background:var(--s-ffffff)}.wa-templates .page-info{color:var(--t-64748b);font-size:12px}.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 var(--b-e2e8f0)}.wa-templates .modal-head{margin-bottom:14px}.wa-templates .preview-head h3{margin:0;color:var(--t-0f172a);font-size:20px;line-height:1.25;overflow-wrap:anywhere}.wa-templates .preview-head p{margin:5px 0 0;color:var(--t-64748b);font-size:12px}.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:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);padding:12px;border-radius:14px}.wa-templates .meta-grid label,.wa-templates .field span{display:block;color:var(--t-64748b);font-size:12px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.wa-templates .meta-grid strong{color:var(--t-0f172a);font-size:12px;overflow-wrap:anywhere}.wa-templates .quality-note{margin-bottom:0;color:var(--t-334155);font-size:12px;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:var(--s-efece6);border:9px solid var(--b-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:var(--s-0b6b5a);color:var(--t-ffffff)}.wa-templates .wa-logo{width:56px;height:56px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:var(--s-25d366);color:var(--t-0f172a);font-size:24px;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:20px;line-height:1.15;letter-spacing:-.03em}.wa-templates .wa-mobile-head span{margin-top:4px;font-size:14px;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),var(--s-e7e2da);overflow:auto}.wa-templates .wa-card{position:relative;z-index:1;background:var(--s-ffffff);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:var(--s-f1f5f9);color:var(--t-64748b);text-align:center;font-weight:800;margin-bottom:10px}.wa-templates .wa-header-text{font-weight:800;margin-bottom:8px;color:var(--t-0f172a)}.wa-templates .preview-body{white-space:pre-wrap;word-break:break-word;line-height:1.42;color:var(--t-0f172a);font-size:16px;font-weight:500}.wa-templates .preview-footer{margin-top:10px;font-size:12px;color:var(--t-64748b)}.wa-templates .preview-buttons{margin-top:10px;display:grid;gap:8px}.wa-templates .btn-outline{border:0;color:var(--t-0077ff);padding:13px 10px;border-radius:10px;background:var(--s-ffffff);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:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);border-radius:10px;padding:12px;font-size:12px;color:var(--t-334155)}.wa-templates .empty-preview{min-height:300px;width:100%;padding:24px;display:flex;align-items:center;justify-content:center;color:var(--t-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 var(--b-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:var(--s-e2e8f0);cursor:pointer;font-size:20px}.wa-templates .field{display:block;margin-bottom:12px}.wa-templates .field small{display:block;margin-top:5px;color:var(--t-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 var(--b-e2e8f0)}.wa-templates .toast{position:fixed;right:20px;bottom:20px;z-index:1200;background:var(--s-0f172a);color:var(--t-ffffff);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:var(--s-ffffff);padding:14px 16px;border-bottom:1px solid var(--b-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:20px}.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:var(--s-f7f8fa);font-family:Archivo,sans-serif;color:var(--t-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:var(--s-2f80ed)}.wa-templates-page .app-header{height:64px;background:var(--s-ffffff);border-bottom:1px solid var(--b-dfe5ec);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.wa-templates-page .left h2{margin:0;font-size:16px;font-weight:600;color:var(--t-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:var(--s-2f80ed);color:var(--t-ffffff);font-size:14px;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 var(--b-e5e7eb)}.wa-templates-page .profile-badge{width:38px;height:38px;border-radius:50%;background:var(--s-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:var(--t-0f172a)}.wa-templates-page .profile-info .email{margin-top:3px;font-size:12px;color:var(--t-475569)}.wa-templates-page .logout-btn{width:38px;height:38px;border:1px solid var(--b-d9e1ea);border-radius:12px;background:var(--s-ffffff);cursor:pointer;color:var(--t-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:20px;font-weight:700;color:var(--t-111827)}.wa-templates-page .page-head p{margin:8px 0 0;font-size:14px;color:var(--t-1e3a5f)}.wa-templates-page .toolbar{display:flex;align-items:center;gap:18px}.wa-templates-page .search-box{width:305px;height:38px;border:1px solid var(--b-cfd8e3);border-radius:8px;background:var(--s-ffffff);display:flex;align-items:center;padding:0 12px}.wa-templates-page .search-icon{color:var(--t-64748b);font-size:16px;margin-right:10px}.wa-templates-page .search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--t-334155)}.wa-templates-page .manage-btn{height:38px;border:1px solid var(--b-cfd8e3);border-radius:10px;background:var(--s-ffffff);color:var(--t-183b67);padding:0 16px;font-size:14px;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:var(--s-ffffff);border:1px solid var(--b-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:var(--s-dcfce7);color:var(--t-166534)}.wa-templates-page .status-badge.draft{background:var(--s-fef3c7);color:var(--t-92400e)}.wa-templates-page .icon-action{border:none;background:transparent;cursor:pointer;font-size:16px;color:var(--t-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:var(--s-edf4ff);color:var(--t-2f80ed);display:grid;place-items:center;font-size:16px}.wa-templates-page .channel-card h3{margin:0;text-align:center;font-size:16px;line-height:1.35;color:var(--t-173a67);font-weight:700;cursor:pointer}.wa-templates-page .channel-card p{margin:10px auto 0;max-width:250px;text-align:center;font-size:14px;line-height:1.65;color:var(--t-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:14px;font-weight:500;color:var(--t-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 var(--b-cfd8e3);border-radius:10px;background:var(--s-ffffff);color:var(--t-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:var(--s-23b79c);color:var(--t-ffffff);font-size:14px;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:var(--s-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:12px;color:var(--t-173a67)}.wa-templates-page .publish-btn{border:none;background:var(--s-eef2ff);color:var(--t-1d4ed8);font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer}.wa-templates-page .empty-state{background:var(--s-ffffff);border:1px dashed var(--b-cfd8e3);border-radius:16px;padding:40px;text-align:center;color:var(--t-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:var(--s-ffffff);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 var(--b-e5e7eb)}.wa-templates-page .modal-head h2{margin:0;font-size:20px;color:var(--t-111827)}.wa-templates-page .close-btn{border:none;background:transparent;font-size:24px;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:var(--t-111827)}.wa-templates-page .form-group input,.wa-templates-page .form-group select,.wa-templates-page .form-group textarea{border:1px solid var(--b-d1d5db);border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:var(--s-ffffff)}.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:var(--s-eef2ff);color:var(--t-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 var(--b-e5e7eb);border-radius:16px;padding:16px;background:var(--s-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:var(--t-173a67)}.wa-templates-page .remove-btn,.wa-templates-page .remove-choice{border:none;background:var(--s-fee2e2);color:var(--t-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:var(--s-0f172a);color:var(--t-e2e8f0);padding:16px;border-radius:14px;overflow:auto;font-size:12px;line-height:1.5}.wa-templates-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border-top:1px solid var(--b-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:var(--s-eef2f7);color:var(--t-183b67)}.wa-templates-page .primary-btn{background:var(--s-2f80ed);color:var(--t-ffffff)}.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:var(--s-ffffff);border:1px solid var(--b-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:16px}.email-templates-page .muted{color:var(--t-64748b);font-size:12px;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 var(--b-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 var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:600;cursor:pointer;white-space:nowrap}.email-templates-page button.primary{background:var(--s-2563eb);border-color:var(--b-2563eb);color:var(--t-ffffff)}.email-templates-page button.danger{border-color:var(--b-fecaca);color:var(--t-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 var(--b-f1f5f9);vertical-align:top}.email-templates-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--t-64748b)}.email-templates-page .right{text-align:right}.email-templates-page .empty{text-align:center;color:var(--t-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:12px;font-weight:700;border:1px solid var(--b-e2e8f0)}.email-templates-page .type-pill.html{background:var(--s-eff6ff);color:var(--t-2563eb);border-color:var(--b-bfdbfe)}.email-templates-page .type-pill.text{background:var(--s-f1f5f9);color:var(--t-475569)}.email-templates-page .status-pill.on{background:var(--s-ecfdf5);color:var(--t-059669);border-color:var(--b-a7f3d0)}.email-templates-page .status-pill.off{background:var(--s-f8fafc);color:var(--t-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:12px;font-weight:600;color:var(--t-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 var(--b-e2e8f0);border-radius:10px;background:var(--s-ffffff)}.email-templates-page .preview-text{white-space:pre-wrap;background:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);border-radius:10px;padding:14px;font-size:12px;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:var(--s-ffffff);border:1px solid var(--b-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:16px}.email-broadcast-page .muted{color:var(--t-64748b);font-size:12px;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 var(--b-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 var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:600;cursor:pointer;white-space:nowrap}.email-broadcast-page button.primary{background:var(--s-2563eb);border-color:var(--b-2563eb);color:var(--t-ffffff)}.email-broadcast-page button.danger{border-color:var(--b-fecaca);color:var(--t-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 var(--b-f1f5f9);vertical-align:top}.email-broadcast-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--t-64748b)}.email-broadcast-page .right{text-align:right}.email-broadcast-page .empty{text-align:center;color:var(--t-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:12px;font-weight:700;border:1px solid var(--b-e2e8f0)}.email-broadcast-page .type-pill.html{background:var(--s-eff6ff);color:var(--t-2563eb);border-color:var(--b-bfdbfe)}.email-broadcast-page .type-pill.text{background:var(--s-f1f5f9);color:var(--t-475569)}.email-broadcast-page .status-pill.on{background:var(--s-ecfdf5);color:var(--t-059669);border-color:var(--b-a7f3d0)}.email-broadcast-page .status-pill.off{background:var(--s-f8fafc);color:var(--t-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:12px;font-weight:600;color:var(--t-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 var(--b-e2e8f0);border-radius:10px;background:var(--s-ffffff)}.email-broadcast-page .preview-text{white-space:pre-wrap;background:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);border-radius:10px;padding:14px;font-size:12px;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:12px}.email-broadcast-page .recipient-count{margin-top:6px;font-size:12px;color:var(--t-475569)}.email-broadcast-page .failed{color:var(--t-dc2626)}.email-broadcast-page .file-btn{display:inline-block;padding:9px 14px;border:1px solid var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);font-weight:600;font-size:12px;cursor:pointer}.email-broadcast-page .file-btn input{display:none}.email-broadcast-page .throttle{margin:14px 0;border:1px solid var(--b-e2e8f0);border-radius:10px;padding:10px 14px}.email-broadcast-page .throttle summary{cursor:pointer;font-weight:600;font-size:12px}.email-broadcast-page .btn-link{display:inline-block;padding:9px 14px;border:1px solid var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.email-broadcast-page .status-pill.draft{background:var(--s-f1f5f9);color:var(--t-475569)}.email-broadcast-page .status-pill.queued{background:var(--s-fff7ed);color:var(--t-ea580c);border-color:var(--b-fed7aa)}.email-broadcast-page .status-pill.sending{background:var(--s-eff6ff);color:var(--t-2563eb);border-color:var(--b-bfdbfe)}.email-broadcast-page .status-pill.completed{background:var(--s-ecfdf5);color:var(--t-059669);border-color:var(--b-a7f3d0)}.email-broadcast-page .status-pill.paused{background:var(--s-f8fafc);color:var(--t-94a3b8)}.email-broadcast-page .status-pill.failed{background:var(--s-fef2f2);color:var(--t-dc2626);border-color:var(--b-fecaca)}.email-report-page{padding:16px;display:flex;flex-direction:column;gap:16px}.email-report-page .panel{background:var(--s-ffffff);border:1px solid var(--b-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:16px}.email-report-page .muted{color:var(--t-64748b);font-size:12px;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 var(--b-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 var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:600;cursor:pointer;white-space:nowrap}.email-report-page button.primary{background:var(--s-2563eb);border-color:var(--b-2563eb);color:var(--t-ffffff)}.email-report-page button.danger{border-color:var(--b-fecaca);color:var(--t-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 var(--b-f1f5f9);vertical-align:top}.email-report-page th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--t-64748b)}.email-report-page .right{text-align:right}.email-report-page .empty{text-align:center;color:var(--t-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:12px;font-weight:700;border:1px solid var(--b-e2e8f0)}.email-report-page .type-pill.html{background:var(--s-eff6ff);color:var(--t-2563eb);border-color:var(--b-bfdbfe)}.email-report-page .type-pill.text{background:var(--s-f1f5f9);color:var(--t-475569)}.email-report-page .status-pill.on{background:var(--s-ecfdf5);color:var(--t-059669);border-color:var(--b-a7f3d0)}.email-report-page .status-pill.off{background:var(--s-f8fafc);color:var(--t-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:12px;font-weight:600;color:var(--t-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 var(--b-e2e8f0);border-radius:10px;background:var(--s-ffffff)}.email-report-page .preview-text{white-space:pre-wrap;background:var(--s-f8fafc);border:1px solid var(--b-e2e8f0);border-radius:10px;padding:14px;font-size:12px;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 var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}.email-report-page .live-note{background:var(--s-eff6ff);border:1px solid var(--b-bfdbfe);color:var(--t-1d4ed8);border-radius:10px;padding:10px 14px;font-size:12px;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 var(--b-e2e8f0);border-radius:12px;padding:14px;background:var(--s-f8fafc)}.email-report-page .stat span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--t-64748b)}.email-report-page .stat b{font-size:24px}.email-report-page .stat.sent b{color:var(--t-059669)}.email-report-page .stat.failed b{color:var(--t-dc2626)}.email-report-page .stat.pending b{color:var(--t-ea580c)}.email-report-page .stat.suppressed b{color:var(--t-94a3b8)}.email-report-page .detail-cell{max-width:320px;font-size:12px;color:var(--t-64748b)}.email-report-page .status-pill.sent{background:var(--s-ecfdf5);color:var(--t-059669);border-color:var(--b-a7f3d0)}.email-report-page .status-pill.failed{background:var(--s-fef2f2);color:var(--t-dc2626);border-color:var(--b-fecaca)}.email-report-page .status-pill.pending,.email-report-page .status-pill.sending{background:var(--s-eff6ff);color:var(--t-2563eb);border-color:var(--b-bfdbfe)}.email-report-page .status-pill.suppressed{background:var(--s-f8fafc);color:var(--t-94a3b8)}.broadcast-layout{min-height:100vh;display:flex;background:linear-gradient(110deg,var(--s-eef9f1) 0%,var(--s-f8fbff) 35%,var(--s-ffffff) 100%)}.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:32px;color:var(--t-0f172a)}.broadcast-layout .broadcast-top p{color:var(--t-64748b);font-size:16px;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 var(--b-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:var(--t-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 var(--b-e2e8f0);border-radius:18px;padding:16px;background:var(--s-f8fafc)}.broadcast-layout .metric span,.broadcast-layout .metric small{display:block;color:var(--t-64748b);font-weight:700}.broadcast-layout .metric strong{display:block;margin-top:8px;color:var(--t-0f172a);font-size:24px}.broadcast-layout .success-metric{background:var(--s-f0fdf4);border-color:var(--b-bbf7d0)}.broadcast-layout .read-metric{background:var(--s-eff6ff);border-color:var(--b-bfdbfe)}.broadcast-layout .danger-metric{background:var(--s-fef2f2);border-color:var(--b-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:var(--s-e0f2fe);color:var(--t-0369a1)}.broadcast-layout .rate-pill.danger{background:var(--s-fee2e2);color:var(--t-dc2626)}.broadcast-layout .delivery-badge.pending{background:var(--s-f1f5f9);color:var(--t-475569)}.broadcast-layout .delivery-badge.sent{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.broadcast-layout .delivery-badge.delivered{background:var(--s-dcfce7);color:var(--t-15803d)}.broadcast-layout .delivery-badge.read{background:var(--s-ede9fe);color:var(--t-6d28d9)}.broadcast-layout .delivery-badge.failed{background:var(--s-fee2e2);color:var(--t-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 var(--b-dbe5f1);border-radius:18px;background:var(--s-ffffff);color:var(--t-17233b);cursor:pointer}.broadcast-layout .template-card.active{border-color:var(--b-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:var(--t-334155);line-height:1.48}.broadcast-layout .status{border-radius:999px;background:var(--s-dcfce7);color:var(--t-15803d);font-size:12px;font-weight:800;padding:6px 10px}.broadcast-layout .safe-box,.broadcast-layout .schedule-box{border:1px solid var(--b-bfdbfe);background:linear-gradient(180deg,var(--s-f8fbff),var(--s-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 var(--b-cbd5e1);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--t-64748b);text-align:center}.broadcast-layout .wa-preview{width:100%;max-width:360px;background:var(--s-e9f7df);border-radius:16px;padding:16px;color:var(--t-17233b);text-align:left}.broadcast-layout .upload-box{border:1px dashed var(--b-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 .broadcast-main input,.broadcast-layout .broadcast-main select{width:100%;border:1px solid var(--b-cbd5e1);border-radius:14px;padding:13px 16px;background:var(--s-ffffff);min-width:0}.broadcast-layout .broadcast-main label span{display:block;margin-bottom:6px;color:var(--t-334155);font-weight:700}.broadcast-layout .broadcast-main label small,.broadcast-layout .upload-box small{display:block;margin-top:6px;color:var(--t-64748b)}.broadcast-layout .broadcast-main 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:var(--s-22c55e);color:var(--t-ffffff);box-shadow:0 12px 24px #22c55e38}.broadcast-layout .secondary{background:var(--s-e2e8f0);color:var(--t-0f172a)}.broadcast-layout .remove{background:var(--s-fee2e2);color:var(--t-dc2626)}.broadcast-layout .toast-inline{color:var(--t-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 var(--b-e2e8f0);text-align:left}.broadcast-layout .empty{color:var(--t-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:24px}.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,var(--s-eef9f1) 0%,var(--s-f8fbff) 35%,var(--s-ffffff) 100%)}.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:32px;color:var(--t-0f172a)}.report-layout .report-top p,.report-layout .report-head p{color:var(--t-64748b);font-size:12px;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 var(--b-dbe5f1);border-radius:24px;box-shadow:0 20px 48px #0f172a0f}.report-layout .analytics-card{padding:22px}.report-layout .analytics-card,.report-layout .analytics-card h2,.report-layout .analytics-card h3,.report-layout .analytics-card p,.report-layout .analytics-card th,.report-layout .analytics-card td,.report-layout .analytics-card label,.report-layout .analytics-card small,.report-layout .analytics-card span,.report-layout .analytics-card div{font-family:Archivo,sans-serif;font-size:12px;line-height:1.5}.report-layout .analytics-card input,.report-layout .analytics-card select,.report-layout .analytics-card textarea,.report-layout .analytics-card button{font:inherit;font-size:12px}.report-layout .analytics-card h2{font-weight:700}.report-layout .analytics-card h3{font-weight:600}.report-layout .analytics-card th{font-weight:700}.report-layout .report-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-layout .report-filter select{min-width:240px}.report-layout .report-main input,.report-layout .report-main select{border:1px solid var(--b-cbd5e1);border-radius:14px;padding:13px 16px;background:var(--s-ffffff);min-width:0}.report-layout .report-main 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:var(--s-22c55e);color:var(--t-ffffff);box-shadow:0 12px 24px #22c55e38}.report-layout .secondary{background:var(--s-e2e8f0);color:var(--t-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 var(--b-e2e8f0);border-radius:18px;padding:16px;background:var(--s-f8fafc)}.report-layout .metric span,.report-layout .metric small{display:block;color:var(--t-64748b);font-weight:700}.report-layout .metric strong{display:block;margin-top:8px;color:var(--t-0f172a);font-size:12px;font-weight:800}.report-layout .success-metric{background:var(--s-f0fdf4);border-color:var(--b-bbf7d0)}.report-layout .read-metric{background:var(--s-eff6ff);border-color:var(--b-bfdbfe)}.report-layout .danger-metric{background:var(--s-fef2f2);border-color:var(--b-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 var(--b-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:var(--s-e0f2fe);color:var(--t-0369a1)}.report-layout .rate-pill.danger{background:var(--s-fee2e2);color:var(--t-dc2626)}.report-layout .delivery-badge.pending{background:var(--s-f1f5f9);color:var(--t-475569)}.report-layout .delivery-badge.sent{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.report-layout .delivery-badge.delivered{background:var(--s-dcfce7);color:var(--t-15803d)}.report-layout .delivery-badge.read{background:var(--s-ede9fe);color:var(--t-6d28d9)}.report-layout .delivery-badge.failed{background:var(--s-fee2e2);color:var(--t-dc2626)}.report-layout .empty{color:var(--t-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:24px}.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:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-left:5px solid var(--b-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:var(--s-eff6ff);color:var(--t-2563eb)}.app-toast .toast-title{font-size:14px;font-weight:700;color:var(--t-111827);margin-bottom:3px}.app-toast .toast-message{font-size:14px;line-height:1.45;color:var(--t-475569);word-break:break-word}.app-toast .toast-close{border:none;background:transparent;color:var(--t-94a3b8);font-size:20px;line-height:1;cursor:pointer;padding:0}.app-toast .toast-close:hover{color:var(--t-334155)}.app-toast .toast.success{border-left-color:var(--b-10b981)}.app-toast .toast.success .toast-icon{background:var(--s-ecfdf5);color:var(--t-059669)}.app-toast .toast.error{border-left-color:var(--b-ef4444)}.app-toast .toast.error .toast-icon{background:var(--s-fef2f2);color:var(--t-dc2626)}.app-toast .toast.warning{border-left-color:var(--b-f59e0b)}.app-toast .toast.warning .toast-icon{background:var(--s-fffbeb);color:var(--t-d97706)}.app-toast .toast.info{border-left-color:var(--b-3b82f6)}.app-toast .toast.info .toast-icon{background:var(--s-eff6ff);color:var(--t-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:var(--s-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:var(--t-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:var(--s-fffbeb);border:1px solid var(--b-fde68a);color:var(--t-92400e);border-radius:12px;padding:12px 16px;font-size:12px;line-height:1.5;margin-bottom:16px}.groups-layout .panel{background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-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 var(--b-eef1f5);font-size:12px}.groups-layout th{color:var(--t-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:12px}.groups-layout .empty{text-align:center;color:var(--t-94a3b8);padding:24px}.groups-layout .alert{border-radius:10px;padding:10px 14px;font-size:12px;margin-bottom:12px}.groups-layout .alert.error{background:var(--s-fef2f2);color:var(--t-b91c1c);border:1px solid var(--b-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:var(--s-f8fafc);border:1px solid var(--b-e5e7eb);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.groups-layout .detail-card h4{margin:0;font-size:12px;color:var(--t-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 var(--b-d1d9e6);border-radius:8px;font-size:12px;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:12px}.groups-layout .primary-btn{background:var(--s-2f80ed);color:var(--t-ffffff);padding:9px 16px}.groups-layout .secondary-btn{background:var(--s-eef4ff);color:var(--t-1d4ed8);padding:8px 14px}.groups-layout .ghost-btn{background:var(--s-ffffff);color:var(--t-183b67);border:1px solid var(--b-cfd8e3);padding:8px 14px}.groups-layout .mini-btn{background:var(--s-eef4ff);color:var(--t-1d4ed8);padding:6px 12px}.groups-layout .danger-btn{background:var(--s-fef2f2);color:var(--t-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:var(--s-f6f8fb)}.wa-config-page .account-tools{width:280px;min-width:280px;background:linear-gradient(180deg,var(--s-f7f3fb) 0%,var(--s-eef7ff) 100%);border-right:1px solid var(--b-e5e7eb);padding:34px 24px;box-sizing:border-box}.wa-config-page .tools-title{display:flex;align-items:center;gap:14px;color:var(--t-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 var(--b-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:var(--t-21313d);font-size:20px;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:var(--s-263947);color:var(--t-ffffff)}.wa-config-page .tool-link.disabled{color:var(--t-7b8794);cursor:not-allowed}.wa-config-page .tool-link.disabled:hover{background:transparent;color:var(--t-7b8794)}.wa-config-page .main-area{flex:1;min-width:0}.wa-config-page .app-header{height:64px;background:var(--s-ffffff);border-bottom:1px solid var(--b-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:16px;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:var(--t-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:var(--s-2f80ed);color:var(--t-ffffff);padding:10px 16px}.wa-config-page .secondary-btn{background:var(--s-ffffff);color:var(--t-183b67);border:1px solid var(--b-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:var(--s-ffffff);padding:20px;border-radius:14px;border:1px solid var(--b-e5e7eb)}.wa-config-page .card h3{margin:0 0 16px;font-size:16px}.wa-config-page input,.wa-config-page textarea{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid var(--b-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:var(--t-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 var(--b-e5e7eb)}.wa-config-page .profile-photo-placeholder{width:64px;height:64px;border-radius:50%;background:var(--s-f1f5f9);color:var(--t-94a3b8);display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;border:1px dashed var(--b-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:var(--s-eef4ff);color:var(--t-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 var(--b-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:var(--s-f6f8fb);color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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 var(--b-cbd5e1);border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:var(--s-ffffff)}.wa-flows-list input:focus,.wa-flows-list select:focus,.wa-flows-list textarea:focus{border-color:var(--b-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:var(--s-2563eb);color:var(--t-ffffff)}.wa-flows-list .secondary-btn,.wa-flows-list .ghost-btn,.wa-flows-list .mini-btn{background:var(--s-ffffff);color:var(--t-1e293b);border-color:var(--b-cbd5e1)}.wa-flows-list .mini-btn{min-height:34px;padding:0 10px;font-size:12px}.wa-flows-list .mini-btn.warn{color:var(--t-b45309);border-color:var(--b-fed7aa)}.wa-flows-list .mini-btn.danger{color:var(--t-dc2626);border-color:var(--b-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:var(--s-fef2f2);color:var(--t-b91c1c)}.wa-flows-list .alert.success{background:var(--s-ecfdf5);color:var(--t-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 var(--b-e2e8f0);text-align:left;vertical-align:middle}.wa-flows-list th{color:var(--t-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:var(--t-64748b);font-size:12px;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:var(--s-eff6ff);color:var(--t-1d4ed8)}.wa-flows-list .status-pill.published{background:var(--s-dcfce7);color:var(--t-15803d)}.wa-flows-list .status-pill.deprecated{background:var(--s-fef3c7);color:var(--t-b45309)}.wa-flows-list .empty{text-align:center;color:var(--t-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 var(--b-cbd5e1);border-radius:12px;background:var(--s-ffffff);cursor:pointer;font-size:24px}.wa-flows-list label{display:grid;gap:7px;margin-bottom:12px;color:var(--t-334155);font-size:12px;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:var(--s-f6f8fb);color:var(--t-0f172a)}.wa-flow-create .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-create .flow-topbar,.wa-flow-create .panel{background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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:var(--t-64748b);margin:8px 0 18px}.wa-flow-create label{display:grid;gap:7px;margin-bottom:13px;color:var(--t-334155);font-size:12px;font-weight:800}.wa-flow-create .switch-row{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--b-e2e8f0);border-radius:14px;background:var(--s-f8fafc)}.wa-flow-create .switch-row small{display:block;margin-top:4px;color:var(--t-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 var(--b-cbd5e1);border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:var(--s-ffffff)}.wa-flow-create input:focus,.wa-flow-create textarea:focus{border-color:var(--b-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:12px;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:var(--s-2563eb);color:var(--t-ffffff)}.wa-flow-create .secondary-btn,.wa-flow-create .ghost-btn,.wa-flow-create .file-btn{background:var(--s-ffffff);color:var(--t-1e293b);border-color:var(--b-cbd5e1)}.wa-flow-create .file-btn input{display:none}.wa-flow-create .alert{border-radius:14px;padding:12px 14px;margin:14px 0;background:var(--s-fef2f2);color:var(--t-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:var(--s-f6f8fb);color:var(--t-0f172a)}.wa-flow-edit .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-edit .flow-topbar,.wa-flow-edit .panel{background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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:var(--t-64748b);margin:8px 0 18px}.wa-flow-edit label{display:grid;gap:7px;margin-bottom:13px;color:var(--t-334155);font-size:12px;font-weight:800}.wa-flow-edit input,.wa-flow-edit select,.wa-flow-edit textarea{width:100%;border:1px solid var(--b-cbd5e1);border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:var(--s-ffffff)}.wa-flow-edit input:focus,.wa-flow-edit select:focus,.wa-flow-edit textarea:focus{border-color:var(--b-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:12px;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:var(--s-2563eb);color:var(--t-ffffff)}.wa-flow-edit .secondary-btn,.wa-flow-edit .ghost-btn,.wa-flow-edit .file-btn{background:var(--s-ffffff);color:var(--t-1e293b);border-color:var(--b-cbd5e1)}.wa-flow-edit .secondary-btn.warn{color:var(--t-b45309);border-color:var(--b-fed7aa)}.wa-flow-edit .secondary-btn.danger{color:var(--t-dc2626);border-color:var(--b-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:var(--s-fef2f2);color:var(--t-b91c1c)}.wa-flow-edit .alert.success{background:var(--s-ecfdf5);color:var(--t-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 var(--b-e2e8f0);text-align:left}.wa-flow-edit th{color:var(--t-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:var(--s-dcfce7);color:var(--t-15803d)}.wa-flow-edit .status-pill.error{background:var(--s-fee2e2);color:var(--t-b91c1c)}.wa-flow-edit .empty{text-align:center;color:var(--t-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:var(--s-f6f8fb);color:var(--t-0f172a)}.wa-flow-preview .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-preview .flow-topbar,.wa-flow-preview .panel{background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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 var(--b-111827);border-radius:42px;overflow:hidden;background:var(--s-e7e0d4);box-shadow:0 24px 80px #0f172a47}.wa-flow-preview .phone-head{display:flex;align-items:center;gap:16px;padding:24px;background:var(--s-0b6b5a);color:var(--t-ffffff)}.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:var(--s-25d366);color:var(--t-064e3b);font-size:24px;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),var(--s-e7e0d4)}.wa-flow-preview .message-card{background:var(--s-ffffff);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:16px;margin:16px 0 10px}.wa-flow-preview .preview-text{color:var(--t-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 var(--b-d7dee8);display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:10px;color:var(--t-334155);background:var(--s-f8fafc)}.wa-flow-preview .input-preview strong{color:var(--t-ef4444)}.wa-flow-preview .flow-cta{justify-content:center;background:var(--s-ffffff);color:var(--t-0b7cff);font-weight:900;cursor:default}.wa-flow-preview .time-row{text-align:right;color:var(--t-94a3b8);font-size:12px;font-weight:800;margin-top:12px}.wa-flow-preview .panel{padding:20px}.wa-flow-preview .muted{color:var(--t-64748b);margin-bottom:18px}.wa-flow-preview .screen-btn{width:100%;border:1px solid var(--b-cbd5e1);border-radius:14px;background:var(--s-ffffff);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:var(--s-eff6ff);border-color:var(--b-60a5fa);color:var(--t-1d4ed8)}.wa-flow-preview .screen-btn small{color:var(--t-64748b)}.wa-flow-preview .json-title{margin-top:24px}.wa-flow-preview pre{max-height:420px;overflow:auto;padding:14px;border-radius:14px;background:var(--s-0f172a);color:var(--t-dbeafe);font-size:12px}.wa-flow-preview .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:var(--s-fef2f2);color:var(--t-b91c1c);font-weight:800}.wa-flow-preview .ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--b-cbd5e1);min-height:40px;padding:0 14px;color:var(--t-1e293b);background:var(--s-ffffff);font-weight:800;text-decoration:none}.wa-flow-preview .empty-preview{color:var(--t-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:var(--s-f6f8fb);color:var(--t-0f172a)}.wa-flow-submissions .flow-main{flex:1;min-width:0;padding:24px}.wa-flow-submissions .flow-topbar,.wa-flow-submissions .panel{background:var(--s-ffffff);border:1px solid var(--b-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:var(--t-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:var(--t-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 var(--b-cbd5e1);min-height:40px;padding:0 14px;color:var(--t-1e293b);background:var(--s-ffffff);font-weight:800;text-decoration:none;cursor:pointer}.wa-flow-submissions .alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:var(--s-fef2f2);color:var(--t-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 var(--b-e2e8f0);text-align:left;vertical-align:top}.wa-flow-submissions th{color:var(--t-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:var(--s-0f172a);color:var(--t-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:var(--s-dcfce7);color:var(--t-15803d)}.wa-flow-submissions .status-pill.error{background:var(--s-fee2e2);color:var(--t-b91c1c)}.wa-flow-submissions .empty{text-align:center;color:var(--t-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:var(--s-f4f7fb);color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-e2e8f0)}.channel-settings-page .top small{color:var(--t-64748b)}.channel-settings-page .actions,.channel-settings-page .footer-actions{display:flex;gap:10px}.channel-settings-page button{border:1px solid var(--b-cbd5e1);border-radius:12px;padding:10px 14px;background:var(--s-ffffff);color:var(--t-0f172a);font-weight:900;cursor:pointer}.channel-settings-page button.primary{border-color:var(--b-16a34a);background:var(--s-16a34a);color:var(--t-ffffff)}.channel-settings-page button.logout{border-color:var(--b-fecaca);color:var(--t-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 var(--b-dbeafe);border-radius:22px;background:var(--s-ffffff);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,var(--s-eff6ff),var(--s-ffffff))}.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:var(--t-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:var(--b-e2e8f0)}.channel-settings-page .channel-card.active{border-color:var(--b-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:var(--s-f1f5f9);font-size:16px}.channel-settings-page .channel-card b,.channel-settings-page .channel-card small{display:block}.channel-settings-page .channel-card small{margin-top:3px;color:var(--t-64748b);font-size:12px}.channel-settings-page .channel-card em{margin-left:auto;color:var(--t-94a3b8);font-size:12px;font-style:normal}.channel-settings-page .channel-card em.on{color:var(--t-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:var(--t-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 var(--b-cbd5e1);border-radius:12px;padding:10px 12px;color:var(--t-0f172a);background:var(--s-ffffff)}.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 var(--b-e2e8f0);border-radius:18px;background:var(--s-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:var(--t-64748b);font-size:12px;font-weight:800}.channel-settings-page .openai-card{border-color:var(--b-bfdbfe);background:linear-gradient(135deg,var(--s-eff6ff),var(--s-ffffff))}.channel-settings-page .usage-card{margin-top:20px;padding:18px;border:1px solid var(--b-dbeafe);border-radius:18px;background:var(--s-ffffff)}.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 var(--b-e2e8f0);border-radius:16px;background:var(--s-f8fafc)}.channel-settings-page .metric-card span,.channel-settings-page .budget-bar span{display:block;color:var(--t-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 var(--b-bbf7d0);border-radius:16px;background:var(--s-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:var(--s-dcfce7)}.channel-settings-page .bar-track span{display:block;height:100%;border-radius:inherit;background:var(--s-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 var(--b-e2e8f0);border-radius:16px;background:var(--s-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 var(--b-e2e8f0);color:var(--t-334155);font-weight:800}.channel-settings-page .empty-line{color:var(--t-94a3b8);font-weight:800}.channel-settings-page .usage-table-wrap{margin-top:14px;overflow:auto;border:1px solid var(--b-e2e8f0);border-radius:16px}.channel-settings-page .usage-table{width:100%;min-width:760px;border-collapse:collapse;background:var(--s-ffffff)}.channel-settings-page .usage-table th,.channel-settings-page .usage-table td{padding:12px;border-bottom:1px solid var(--b-e2e8f0);text-align:left;white-space:nowrap}.channel-settings-page .usage-table th{color:var(--t-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:var(--s-dcfce7);color:var(--t-166534);font-size:12px;font-weight:900}.channel-settings-page .status-pill.error{background:var(--s-fee2e2);color:var(--t-b91c1c)}.channel-settings-page .embed-card{margin-top:20px;padding:18px;border:1px solid var(--b-bbf7d0);border-radius:18px;background:var(--s-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:var(--t-64748b);font-weight:700}.channel-settings-page .embed-head code{padding:2px 5px;border-radius:6px;background:var(--s-dcfce7);color:var(--t-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 var(--b-bbf7d0);border-radius:10px;background:var(--s-ffffff);color:var(--t-334155);font-size:12px;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:var(--s-0f172a);color:var(--t-ffffff);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:var(--t-0f172a);background:var(--s-ffffff)}.channel-settings-page .embed-help{display:block;margin-top:8px;color:var(--t-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 var(--b-e2e8f0);color:var(--t-334155);font-size:12px;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:var(--t-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:var(--s-e2e8f0);color:var(--t-0f172a);font-size:12px}.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:var(--t-64748b);font-size:12px;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,var(--s-f8fafc) 0%,var(--s-eef6ff) 46%,var(--s-f8fafc) 100%)}.filestorage-layout .page{flex:1;min-width:0;height:100vh;overflow:auto;padding:24px;color:var(--t-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:var(--s-dbeafe);color:var(--t-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:var(--t-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:var(--t-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:var(--t-0f172a);font-size:16px;font-weight:800}.filestorage-layout .cardSub{margin-top:4px}.filestorage-layout .countBadge{min-width:34px;height:34px;border-radius:12px;background:var(--s-eff6ff);color:var(--t-1d4ed8);display:inline-flex;align-items:center;justify-content:center;font-weight:900}.filestorage-layout .storageItem{width:100%;border:1px solid var(--b-e5edf8);background:#ffffffeb;color:var(--t-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:var(--b-bfdbfe);box-shadow:0 12px 26px #2563eb1a;transform:translateY(-1px)}.filestorage-layout .storageItem.active{border-color:var(--b-2563eb);background:linear-gradient(135deg,var(--s-eff6ff) 0%,var(--s-ffffff) 100%);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:var(--t-64748b);margin-top:4px;text-transform:capitalize}.filestorage-layout .providerBadge{border-radius:999px;padding:3px 8px;background:var(--s-f1f5f9);color:var(--t-334155);font-size:12px;font-weight:900}.filestorage-layout .folderPreview{margin-top:9px;color:var(--t-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:12px;font-weight:800}.filestorage-layout .default{background:var(--s-dcfce7);color:var(--t-166534)}.filestorage-layout .activePill{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.filestorage-layout .off{background:var(--s-fee2e2);color:var(--t-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:var(--t-334155);font-size:12px;font-weight:700}.filestorage-layout .span2{grid-column:span 2}.filestorage-layout .page input,.filestorage-layout .page select,.filestorage-layout .page textarea{min-width:0;border:1px solid var(--b-cbd5e1);border-radius:14px;padding:12px 13px;font:inherit;background:var(--s-ffffff);color:var(--t-0f172a);transition:border-color .18s ease,box-shadow .18s ease}.filestorage-layout .page input:focus,.filestorage-layout .page select:focus,.filestorage-layout .page textarea:focus{outline:none;border-color:var(--b-2563eb);box-shadow:0 0 0 4px #2563eb1f}.filestorage-layout .page textarea{width:100%;resize:vertical;margin-top:10px}.filestorage-layout .providerBox{margin-top:18px;border:1px solid var(--b-dbeafe);background:linear-gradient(135deg,var(--s-f8fbff) 0%,var(--s-ffffff) 100%);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:var(--t-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 var(--b-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:var(--t-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:var(--s-cbd5e1);position:relative}.filestorage-layout .switchTrack:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--s-ffffff);position:absolute;left:3px;top:3px;transition:.2s ease}.filestorage-layout .switchText{line-height:1.25}.filestorage-layout .storageSwitch input:checked+.switchTrack{background:var(--s-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 .page 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 .page button:hover:not(:disabled){transform:translateY(-1px)}.filestorage-layout .page button:disabled{cursor:not-allowed;opacity:.65}.filestorage-layout .primary{background:var(--s-16a34a);color:var(--t-ffffff);box-shadow:0 12px 24px #16a34a38}.filestorage-layout .ghost{background:var(--s-eef2f7);color:var(--t-334155)}.filestorage-layout .danger{background:var(--s-fee2e2);color:var(--t-991b1b)}.filestorage-layout .emptyState{display:grid;gap:6px;padding:18px;border:1px dashed var(--b-cbd5e1);border-radius:16px;background:var(--s-f8fafc)}.filestorage-layout .emptyState b{color:var(--t-0f172a)}.filestorage-layout .message{margin-top:16px;border-radius:12px;padding:11px 12px;background:var(--s-dcfce7);color:var(--t-166534);font-weight:700}.filestorage-layout .message.error{background:var(--s-fee2e2);color:var(--t-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 var(--b-e2e8f0);border-radius:14px;padding:12px;background:var(--s-ffffff)}}@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:var(--s-f7f8fa);font-family:Archivo,sans-serif;color:var(--t-0f172a)}.bots-list-page .sidebar{width:68px;background:var(--s-ffffff);border-right:1px solid var(--b-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:var(--s-2f80ed)}.bots-list-page .icon-btn{width:34px;height:34px;border:none;background:transparent;border-radius:10px;font-size:16px;color:var(--t-64748b);cursor:pointer}.bots-list-page .icon-btn.active{background:var(--s-edf4ff);color:var(--t-2f80ed)}.bots-list-page .avatar{width:32px;height:32px;border-radius:50%;background:var(--s-dbeafe);color:var(--t-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:var(--s-ffffff);border-bottom:1px solid var(--b-dfe5ec);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.bots-list-page .left h2{margin:0;font-size:16px;font-weight:600;color:var(--t-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:var(--s-2f80ed);color:var(--t-ffffff);font-size:14px;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 var(--b-e5e7eb)}.bots-list-page .profile-badge{width:38px;height:38px;border-radius:50%;background:var(--s-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:var(--t-0f172a)}.bots-list-page .profile-info .email{margin-top:3px;font-size:12px;color:var(--t-475569)}.bots-list-page .logout-btn{width:38px;height:38px;border:1px solid var(--b-d9e1ea);border-radius:12px;background:var(--s-ffffff);cursor:pointer;color:var(--t-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:20px;font-weight:700;color:var(--t-111827)}.bots-list-page .page-head p{margin:8px 0 0;font-size:14px;color:var(--t-1e3a5f)}.bots-list-page .toolbar{display:flex;align-items:center;gap:18px}.bots-list-page .search-box{width:305px;height:38px;border:1px solid var(--b-cfd8e3);border-radius:8px;background:var(--s-ffffff);display:flex;align-items:center;padding:0 12px}.bots-list-page .search-icon{color:var(--t-64748b);font-size:16px;margin-right:10px}.bots-list-page .search-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--t-334155)}.bots-list-page .manage-btn{height:38px;border:1px solid var(--b-cfd8e3);border-radius:10px;background:var(--s-ffffff);color:var(--t-183b67);padding:0 16px;font-size:14px;font-weight:600;cursor:pointer}.bots-list-page .flows-table-card{overflow:hidden;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-dbe2ea);color:var(--t-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 var(--b-edf2f7);color:var(--t-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:var(--s-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:var(--t-0f172a);font-size:14px;font-weight:800;line-height:1.25}.bots-list-page .flow-name-cell small{display:block;margin-top:4px;color:var(--t-64748b);font-size:12px;font-weight:600}.bots-list-page .flow-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--s-edf4ff);color:var(--t-2f80ed);display:grid;place-items:center;font-size:16px}.bots-list-page .flow-desc{max-width:360px;color:var(--t-334155);line-height:1.5}.bots-list-page .nodes-cell,.bots-list-page .modified-cell{color:var(--t-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 var(--b-bfdbfe);border-radius:6px;background:var(--s-eff6ff);color:var(--t-1d4ed8);font-size:12px;font-weight:700;white-space:nowrap}.bots-list-page .channel-badge.whatsapp{border-color:var(--b-bbf7d0);background:var(--s-f0fdf4);color:var(--t-166534)}.bots-list-page .trigger-badge{display:inline-flex;align-items:center;max-width:220px;padding:3px 9px;border:1px solid var(--b-fde68a);border-radius:6px;background:var(--s-fffbeb);color:var(--t-92400e);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bots-list-page .muted-cell{color:var(--t-94a3b8);font-size:12px}.bots-list-page .status-badge.active{background:var(--s-dcfce7);color:var(--t-166534)}.bots-list-page .status-badge.draft{background:var(--s-fef3c7);color:var(--t-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 var(--b-cfd8e3);border-radius:10px;background:var(--s-ffffff);color:var(--t-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:var(--s-23b79c);color:var(--t-ffffff);font-size:14px;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:var(--s-eef2ff);color:var(--t-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 var(--b-fecaca);border-radius:10px;background:var(--s-fef2f2);color:var(--t-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:var(--s-ffffff);border:1px dashed var(--b-cfd8e3);border-radius:16px;padding:40px;text-align:center;color:var(--t-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:var(--s-ffffff);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 var(--b-e5e7eb)}.bots-list-page .modal-head h2{margin:0;font-size:20px;color:var(--t-111827)}.bots-list-page .close-btn{border:none;background:transparent;font-size:24px;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:var(--t-111827)}.bots-list-page .field-hint{display:block;margin-top:-6px;color:var(--t-6b7280);font-size:12px;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 var(--b-d1d5db);border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:var(--s-ffffff)}.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:var(--s-eef2ff);color:var(--t-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 var(--b-e5e7eb);border-radius:16px;padding:16px;background:var(--s-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:var(--t-173a67)}.bots-list-page .remove-btn,.bots-list-page .remove-choice{border:none;background:var(--s-fee2e2);color:var(--t-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:var(--s-0f172a);color:var(--t-e2e8f0);padding:16px;border-radius:14px;overflow:auto;font-size:12px;line-height:1.5}.bots-list-page .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border-top:1px solid var(--b-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:var(--s-eef2f7);color:var(--t-183b67)}.bots-list-page .primary-btn{background:var(--s-2f80ed);color:var(--t-ffffff)}.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:var(--s-f6f8fb)}.manager-flows-layout .manager-flows-main{flex:1;min-width:0}.manager-flows-layout .wrap{min-height:100vh;font-family:Archivo,sans-serif;background:var(--s-ffffff)}.manager-flows-layout .top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--b-eeeeee)}.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:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer}.manager-flows-layout button.ghost{background:var(--s-eeeeee);color:var(--t-000000)}.manager-flows-layout button.danger{background:var(--s-e74c3c)}.manager-flows-layout .grid{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.manager-flows-layout .card{border:1px solid var(--b-eeeeee);border-radius:12px;overflow:hidden}.manager-flows-layout .cardHead{padding:10px 12px;border-bottom:1px solid var(--b-eeeeee)}.manager-flows-layout .list{padding:12px;display:flex;flex-direction:column;gap:8px}.manager-flows-layout .item{text-align:left;background:var(--s-fafafa);color:var(--t-000000);border:1px solid var(--b-eeeeee)}.manager-flows-layout .item.on{border-color:var(--b-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:12px;border:1px solid var(--b-dddddd)}.manager-flows-layout .pill.on{background:var(--s-e9f6ee);border-color:var(--b-bfe6cc)}.manager-flows-layout .pill.off{background:var(--s-f5f5f5);border-color:var(--b-dddddd)}.manager-flows-layout .empty{padding:16px;color:var(--t-777777)}.manager-flows-layout .editor{padding:12px;display:flex;flex-direction:column;gap:12px}.manager-flows-layout .field label{display:block;font-size:12px;color:var(--t-666666);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 var(--b-cccccc);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 var(--b-eeeeee);border-radius:12px;padding:10px;background:var(--s-ffffff)}.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 var(--b-eeeeee);border-radius:12px;padding:10px;background:var(--s-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:var(--s-f4f5f7);border:2px solid transparent;cursor:pointer;transition:all .25s ease;background:var(--s-fafafa);border:1px solid var(--b-e4e4e4);border-radius:6px;padding:9px;font-size:12px;cursor:grab;margin-bottom:6px}.card-selector .card:hover{background:var(--s-eef0f3)}.card-selector .card.active{border-color:var(--b-1e88ff);background:var(--s-f7faff)}.card-selector .icon{border-radius:10px;background:var(--s-e9ecef);display:flex;align-items:center;justify-content:center;color:var(--t-6c757d);font-size:16px}.card-selector .text{font-weight:500;color:var(--t-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:var(--s-ffffff);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:var(--s-1e88ff);color:var(--t-ffffff);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:var(--t-666666)}.flow-helper .close{background:none;border:none;font-size:16px;cursor:pointer}.flow-helper .section{margin-top:20px}.flow-helper .section ol{padding-left:20px;color:var(--t-444444)}.flow-helper .box{margin-top:16px;padding:16px;border-radius:12px}.flow-helper .box.blue{background:var(--s-f0f6ff);border:1px solid var(--b-cfe2ff)}.flow-helper .box.purple{background:var(--s-f7f0ff);border:1px solid var(--b-e2cfff)}.flow-helper .box h4{margin-bottom:8px}.flow-helper kbd{background:var(--s-eeeeee);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:var(--s-1e88ff);color:var(--t-ffffff);font-size:16px;cursor:pointer}.fd-start-node.start-node-card{width:440px;background:var(--s-ffffff);border:1px solid var(--b-d9d9d9);border-radius:14px;box-shadow:0 2px 10px #0000000f;overflow:visible;font-family:Archivo,sans-serif}.fd-start-node .start-node-header{min-height:64px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--b-dcdcdc);background:var(--s-ffffff);border-top-left-radius:14px;border-top-right-radius:14px}.fd-start-node .start-node-title{font-size:20px;font-weight:700;color:var(--t-111111)}.fd-start-node .start-node-body{position:relative;min-height:70px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--b-dcdcdc);background:var(--s-ffffff)}.fd-start-node .start-node-label{font-size:16px;color:var(--t-666666);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:var(--t-6b6b6b);background:var(--s-ffffff);border-bottom-left-radius:14px;border-bottom-right-radius:14px}.fd-start-node .custom-handle{width:18px!important;height:18px!important;background:var(--s-3b82f6)!important;border:3px solid var(--b-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 var(--b-e5e7eb);border-radius:14px;background:var(--s-ffffff);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:var(--t-111111);white-space:pre-wrap}.fd-question-node.node{width:260px;border:1px solid var(--b-e5e7eb);border-radius:14px;background:var(--s-ffffff);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:var(--t-111111);white-space:pre-wrap}.fd-question-node .meta{font-size:12px;color:var(--t-555555);margin-top:8px}.fd-choice-node.choice-node{position:relative;width:300px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-f1f5f9);background:linear-gradient(to bottom,var(--s-f8fafc),var(--s-ffffff))}.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:var(--s-eef2ff);flex-shrink:0}.fd-choice-node .choice-title{font-size:14px;font-weight:700;color:var(--t-0f172a);line-height:1.2}.fd-choice-node .choice-subtitle{margin-top:2px;font-size:12px;color:var(--t-64748b);line-height:1.2}.fd-choice-node .choice-tag{flex-shrink:0;font-size:12px;font-weight:600;color:var(--t-2563eb);background:var(--s-eff6ff);border:1px solid var(--b-dbeafe);padding:4px 8px;border-radius:999px}.fd-choice-node .choice-body{padding:12px 14px 4px;font-size:12px;line-height:1.5;color:var(--t-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 var(--b-e5e7eb);border-radius:12px;background:var(--s-f8fafc);transition:all .18s ease}.fd-choice-node .choice-option:hover{background:var(--s-f1f5f9);border-color:var(--b-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:12px;font-weight:700;color:var(--t-475569);background:var(--s-e2e8f0);flex-shrink:0}.fd-choice-node .choice-pill{max-width:210px;font-size:12px;font-weight:600;color:var(--t-0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-choice-node .choice-empty{padding:12px;border:1px dashed var(--b-cbd5e1);border-radius:12px;background:var(--s-f8fafc);text-align:center;font-size:12px;color:var(--t-64748b)}.fd-choice-node .choice-footer{display:flex;align-items:center;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--b-f8fafc)}.fd-choice-node .footer-label{font-size:12px;color:var(--t-64748b)}.fd-choice-node .footer-value{font-size:12px;font-weight:700;color:var(--t-111827);background:var(--s-f3f4f6);border-radius:999px;padding:4px 8px}.fd-choice-node .flow-handle{width:10px;height:10px;border:2px solid var(--b-ffffff);background:var(--s-3b82f6);box-shadow:0 0 0 1px var(--x-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:var(--s-fff7ed);border:1px solid var(--b-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 var(--b-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:12px;font-weight:700;color:var(--t-9a3412)}.fd-handoff-node .tag{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;letter-spacing:.02em}.fd-handoff-node .tag-auto{background:var(--s-dbeafe);color:var(--t-1d4ed8)}.fd-handoff-node .tag-queue{background:var(--s-dcfce7);color:var(--t-166534)}.fd-handoff-node .tag-open{background:var(--s-f3e8ff);color:var(--t-7e22ce)}.fd-handoff-node .body{padding:12px}.fd-handoff-node .message{font-size:12px;line-height:1.5;color:var(--t-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:12px}.fd-handoff-node .label{color:var(--t-9a3412);opacity:.8}.fd-handoff-node .value{color:var(--t-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 var(--b-ffffff);background:var(--s-f97316)}.fd-handoff-node .target-handle{left:-6px}.fd-handoff-node .source-handle{right:-6px}.fd-openai-node.node{position:relative;background:var(--s-ffffff);border:2px solid var(--b-8b5cf6);border-radius:12px;padding:12px;width:300px;box-shadow:0 4px 14px #00000014}.fd-openai-node .title{font-weight:800;font-size:12px;margin-bottom:10px;color:var(--t-222222)}.fd-openai-node .field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fd-openai-node label{font-size:12px;color:var(--t-555555);font-weight:700}.fd-openai-node input,.fd-openai-node textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--b-dddddd);border-radius:10px;font-size:12px;outline:none}.fd-openai-node input:focus,.fd-openai-node textarea:focus{border-color:var(--b-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:var(--t-444444)}.fd-openai-node .outputs{position:relative;margin-top:14px;min-height:60px;padding-right:28px}.fd-openai-node .output-row{position:relative;font-size:12px;color:var(--t-555555);font-weight:700;margin-bottom:8px}.fd-gemini-node.gemini-node{position:relative;width:290px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-ede9fe);background:linear-gradient(135deg,var(--s-f5f3ff),var(--s-ffffff))}.fd-gemini-node .gemini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-ede9fe);color:var(--t-6d28d9);font-size:16px;font-weight:900}.fd-gemini-node .gemini-title{font-size:14px;font-weight:800;color:var(--t-4c1d95)}.fd-gemini-node .gemini-subtitle{margin-top:2px;font-size:12px;color:var(--t-7c3aed)}.fd-gemini-node .gemini-body{padding:12px 14px;font-size:12px;color:var(--t-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:var(--t-64748b)}.fd-prompt-node.prompt-node{position:relative;width:290px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-e0f2fe);background:linear-gradient(135deg,var(--s-f0f9ff),var(--s-ffffff))}.fd-prompt-node .prompt-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-e0f2fe);color:var(--t-0369a1);font-size:16px;font-weight:900}.fd-prompt-node .prompt-title{font-size:14px;font-weight:800;color:var(--t-0c4a6e)}.fd-prompt-node .prompt-subtitle{margin-top:2px;font-size:12px;color:var(--t-0284c7)}.fd-prompt-node .prompt-body{padding:12px 14px;color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-fef3c7);background:linear-gradient(135deg,var(--s-fffbeb),var(--s-ffffff))}.fd-notify-node .notify-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-fef3c7);font-size:16px}.fd-notify-node .notify-title{font-size:14px;font-weight:800;color:var(--t-92400e)}.fd-notify-node .notify-subtitle{margin-top:2px;font-size:12px;color:var(--t-d97706)}.fd-notify-node .notify-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px;color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-fee2e2);background:linear-gradient(135deg,var(--s-fef2f2),var(--s-ffffff))}.fd-flowswitch-node .flow-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-fee2e2);color:var(--t-b91c1c);font-size:16px;font-weight:900}.fd-flowswitch-node .flow-title{font-size:14px;font-weight:800;color:var(--t-7f1d1d)}.fd-flowswitch-node .flow-subtitle{margin-top:2px;font-size:12px;color:var(--t-dc2626)}.fd-flowswitch-node .flow-body{padding:12px 14px;color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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 var(--b-dcfce7);background:linear-gradient(135deg,var(--s-ecfdf5),var(--s-ffffff))}.fd-wa-node .wa-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-dcfce7);font-size:16px}.fd-wa-node .wa-title{font-size:14px;font-weight:800;color:var(--t-14532d)}.fd-wa-node .wa-subtitle{margin-top:2px;font-size:12px;color:var(--t-15803d)}.fd-wa-node .wa-body{padding:12px 14px;font-size:12px;color:var(--t-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:var(--s-f0fdf4);border:1px solid var(--b-bbf7d0)}.fd-wa-node .wa-flow-preview small{color:var(--t-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:var(--t-94a3b8);font-style:italic}.fd-wa-node .tpl-preview{display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:12px;background:var(--s-e7ffdb);border:1px solid var(--b-bbf7d0);color:var(--t-172554)}.fd-wa-node .tpl-meta{display:flex;justify-content:space-between;gap:8px;color:var(--t-14532d);font-size:12px;font-weight:800}.fd-wa-node .tpl-meta small{flex-shrink:0;color:var(--t-64748b);font-size:12px;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:var(--s-f8fafc)}.fd-wa-node .tpl-media-placeholder{display:grid;min-height:68px;place-items:center;border:1px dashed var(--b-86efac);border-radius:10px;background:var(--s-f8fafc);color:var(--t-64748b);font-size:12px;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:var(--t-64748b);font-size:12px;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:var(--s-ffffff);color:var(--t-0284c7);font-size:12px;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 var(--b-bbf7d0);border-radius:12px;background:var(--s-f0fdf4);font-size:12px;font-weight:700;color:var(--t-14532d)}.fd-webhook-node.webhook-node{position:relative;width:290px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-e0e7ff);background:linear-gradient(135deg,var(--s-eef2ff),var(--s-ffffff))}.fd-webhook-node .webhook-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-e0e7ff);font-size:16px}.fd-webhook-node .webhook-title{font-size:14px;font-weight:800;color:var(--t-312e81)}.fd-webhook-node .webhook-subtitle{margin-top:2px;font-size:12px;color:var(--t-4f46e5)}.fd-webhook-node .webhook-body{padding:12px 14px;font-size:12px;color:var(--t-334155)}.fd-webhook-node .webhook-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-webhook-node .webhook-save{margin-top:6px;color:var(--t-64748b)}.fd-variable-node.variable-node{position:relative;width:270px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-fde68a);background:linear-gradient(135deg,var(--s-fffbeb),var(--s-ffffff))}.fd-variable-node .variable-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-fef3c7);color:var(--t-92400e);font-size:20px;font-weight:900}.fd-variable-node .variable-title{font-size:14px;font-weight:800;color:var(--t-78350f)}.fd-variable-node .variable-subtitle{margin-top:2px;font-size:12px;color:var(--t-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:var(--t-64748b)}.fd-variable-node .variable-row b{color:var(--t-0f172a);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-email-send-node.email-send-node{position:relative;width:290px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-e0e7ff);background:linear-gradient(135deg,var(--s-eef2ff),var(--s-ffffff))}.fd-email-send-node .email-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-e0e7ff);font-size:16px}.fd-email-send-node .email-title{font-size:14px;font-weight:800;color:var(--t-312e81)}.fd-email-send-node .email-subtitle{margin-top:2px;font-size:12px;color:var(--t-4f46e5)}.fd-email-send-node .email-body{padding:12px 14px;font-size:12px;color:var(--t-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:var(--t-64748b)}.fd-email-template-node.email-template-node{position:relative;width:290px;background:var(--s-ffffff);border:1px solid var(--b-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 var(--b-e0e7ff);background:linear-gradient(135deg,var(--s-eef2ff),var(--s-ffffff))}.fd-email-template-node .tpl-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--s-e0e7ff);font-size:16px}.fd-email-template-node .tpl-title{font-size:14px;font-weight:800;color:var(--t-312e81)}.fd-email-template-node .tpl-subtitle{margin-top:2px;font-size:12px;color:var(--t-4f46e5)}.fd-email-template-node .tpl-body{padding:12px 14px;font-size:12px;color:var(--t-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:var(--t-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:var(--t-ffffff);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:var(--s-f7f8fa);font-family:Archivo,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 var(--b-eeeeee);background:var(--s-ffffff);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:var(--s-0b66d1);color:var(--t-ffffff);cursor:pointer;font-size:14px}.flow-designer button.ghost{background:var(--s-eeeeee);color:var(--t-000000)}.flow-designer button.save{background:var(--s-20b099)}.flow-designer button.danger{background:var(--s-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:var(--s-ffffff);border-right:1px solid var(--b-e6e6e6);display:flex;flex-direction:column;min-height:0;overflow:hidden}.flow-designer .leftbarHead{padding:14px 16px;border-bottom:1px solid var(--b-eeeeee);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 var(--b-eeeeee);background:var(--s-fafafa);flex-shrink:0}.flow-designer .flowConfigCard{padding:14px;background:linear-gradient(135deg,var(--s-eff6ff),var(--s-ffffff));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:var(--t-0f172a);font-size:14px;font-weight:900}.flow-designer .flowConfigHead small,.flow-designer .publishRow small{display:block;margin-top:3px;color:var(--t-64748b);font-size:12px;font-weight:700}.flow-designer .statusPill{flex-shrink:0;padding:5px 9px;border-radius:999px;background:var(--s-f1f5f9);color:var(--t-64748b);font-size:12px;font-weight:900}.flow-designer .statusPill.active{background:var(--s-dcfce7);color:var(--t-166534)}.flow-designer .flowNameField,.flow-designer .flowChannelField{margin-bottom:12px}.flow-designer .flowNameField input,.flow-designer .flowChannelField select{border-color:var(--b-bfdbfe);background:var(--s-ffffff)}.flow-designer .flowTriggerWordsField{margin-bottom:12px}.flow-designer .flowTriggerWordsField input{border-color:var(--b-bfdbfe);background:var(--s-ffffff)}.flow-designer .fieldHint{display:block;margin-top:6px;color:var(--t-64748b);font-size:12px;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 var(--b-e2e8f0);border-radius:14px;background:var(--s-ffffff)}.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 var(--b-e2e8f0);border-radius:12px;background:var(--s-ffffff)}.flow-designer .flowStat span,.flow-designer .flowStat b{display:block}.flow-designer .flowStat span{color:var(--t-64748b);font-size:12px;font-weight:900;text-transform:uppercase}.flow-designer .flowStat b{margin-top:4px;overflow:hidden;color:var(--t-0f172a);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.flow-designer .canvas{min-width:0;min-height:0;background:var(--s-ffffff);border-right:1px solid var(--b-eeeeee);overflow:hidden}.flow-designer .vf{width:95%;height:90%}.flow-designer .panel{background:var(--s-f8fafc);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--b-e2e8f0)}.flow-designer .panelHead{padding:14px 16px;border-bottom:1px solid var(--b-e2e8f0);background:var(--s-ffffff);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.flow-designer .panelHead b{font-size:14px;color:var(--t-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 var(--b-e2e8f0);background:var(--s-ffffff);flex-shrink:0}.flow-designer .inspectorEmpty{min-height:180px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--t-64748b);border:1px dashed var(--b-cbd5e1);border-radius:16px;background:var(--s-ffffff);padding:18px}.flow-designer .inspectorEmpty b{color:var(--t-0f172a)}.flow-designer .field{padding:10px;border:1px solid var(--b-e2e8f0);border-radius:14px;background:var(--s-ffffff);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:12px;font-weight:800;color:var(--t-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 var(--b-cbd5e1);border-radius:10px;background:var(--s-ffffff);color:var(--t-0f172a);font-size:12px;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:var(--b-3b82f6);box-shadow:0 0 0 3px #3b82f61f}.flow-designer .field input:disabled{background:var(--s-f8fafc);color:var(--t-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:var(--s-dcf8c6);border-radius:12px 12px 2px;padding:10px;color:var(--t-111827);box-shadow:0 1px 2px #0f172a1a}.flow-designer .preview-name{font-size:12px;color:var(--t-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:var(--s-f8fafc)}.flow-designer .preview-media{max-height:150px;object-fit:cover}.flow-designer .preview-media-placeholder{padding:12px;text-align:center;color:var(--t-64748b);font-weight:700}.flow-designer .preview-body{white-space:pre-wrap;line-height:1.45;font-size:12px}.flow-designer .preview-footer{margin-top:7px;font-size:12px;color:var(--t-64748b)}.flow-designer .preview-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px}.flow-designer .preview-buttons button{width:100%;background:var(--s-ffffff);color:var(--t-128c7e);border-radius:8px;padding:7px;font-size:12px}.flow-designer .muted{color:var(--t-777777);font-size:12px}.flow-designer .json{font-size:12px;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 var(--b-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 var(--b-eeeeee);max-height:240px}.flow-designer .canvas{border-right:none}.flow-designer .panel{border-top:1px solid var(--b-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:var(--s-2563eb);stroke-width:2px;stroke-dasharray:6 6;fill:none}.flow-designer .react-flow__handle{width:12px;height:12px;border:2px solid var(--b-2563eb);background:var(--s-ffffff)}.flow-designer .react-flow__edge.selected .react-flow__edge-path{stroke:var(--s-ef4444);stroke-width:2px;stroke-dasharray:6 6}.flow-designer .react-flow__connection-path{stroke:var(--s-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:var(--s-cccccc);border-radius:999px;transition:.25s;cursor:pointer}.flow-designer .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:var(--s-ffffff);border-radius:50%;transition:.25s}.flow-designer .toggle input:checked+.slider{background:var(--s-22c55e)}.flow-designer .toggle input:checked+.slider:before{transform:translate(20px)}.flow-designer .toggle-label{font-size:12px;font-weight:600;color:var(--t-333333)}.flow-designer .react-flow svg{max-width:none}.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 var(--b-d1d5db);border-radius:12px;background:var(--s-ffffff);min-width:170px;font-size:14px}.omni-filterbar .search-btn{width:46px;height:42px;border:none;border-radius:12px;background:var(--s-2f80ed);color:var(--t-ffffff);cursor:pointer;font-size:16px}.omni-chat-card.chat-card{border:1.5px solid var(--b-dbe4f0);border-radius:14px;padding:14px;background:var(--s-ffffff);cursor:pointer;transition:.2s}.omni-chat-card.chat-card.active{border-color:var(--b-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:var(--s-dbeafe);color:var(--t-2563eb);display:grid;place-items:center;font-size:12px;font-weight:700}.omni-chat-card .name{font-weight:600;font-size:14px}.omni-chat-card .message{margin:14px 0;font-size:14px;line-height:1.5;color:var(--t-374151)}.omni-chat-card .replies{font-size:12px;font-weight:600}.omni-chat-card .time{font-size:12px;color:var(--t-6b7280)}.omni-chat-list.panel{background:var(--s-ffffff);border:1px solid var(--b-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:16px}.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 var(--b-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 var(--b-d1d5db);background:var(--s-ffffff);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:var(--s-6b7280);color:var(--t-ffffff)}.omni-chat-list .section-title{padding:0 14px 10px;font-size:14px;font-weight:600;color:var(--t-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:var(--s-f8fafc);border:1px solid var(--b-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:var(--t-475569)}.omni-chat-bubble .time{font-size:12px;color:var(--t-6b7280)}.omni-chat-bubble .text{font-size:14px;color:var(--t-374151);line-height:1.6}.omni-composer.composer{border-top:1px solid var(--b-eef2f7);padding:0}.omni-composer textarea{width:100%;min-height:110px;resize:none;border:none;outline:none;padding:18px 20px 10px;font-size:14px;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:var(--s-2f80ed);color:var(--t-ffffff);font-size:14px;font-weight:600;cursor:pointer}.omni-chat-window.chat-window{background:var(--s-ffffff);border:1px solid var(--b-e5e7eb);border-radius:18px;display:flex;flex-direction:column;height:100%;overflow:hidden}.omni-chat-window .header{padding:16px 20px;border-bottom:1px solid var(--b-eef2f7);display:flex;justify-content:space-between;align-items:center}.omni-chat-window .header h3{margin:0;font-size:16px}.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:var(--s-ffffff)}.omni-chat-window .preview-text{padding:18px 20px;border-top:1px solid var(--b-eef2f7);color:var(--t-374151);line-height:1.7}.omni-chat-window .preview-text a{color:var(--t-2563eb);text-decoration:underline}.omni-chat-window .orange{color:var(--t-f97316);text-decoration:underline}.omni-layout.app-shell{display:flex;height:100vh;background:var(--s-f5f7fb);color:var(--t-1e293b);font-family:Archivo,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:32px;font-weight:700}.omni-layout .page-head p{margin:6px 0 0;color:var(--t-4b5563);font-size:14px}.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}}:root{--s-ffffff: #ffffff;--s-f8fafc: #f8fafc;--s-2563eb: #2563eb;--s-eff6ff: #eff6ff;--s-1172fa: #1172fa;--s-dcfce7: #dcfce7;--s-f1f5f9: #f1f5f9;--s-ecfdf5: #ecfdf5;--s-fee2e2: #fee2e2;--s-fef2f2: #fef2f2;--s-f5f5f5: #f5f5f5;--s-fafafa: #fafafa;--s-3b82f6: #3b82f6;--s-2f80ed: #2f80ed;--s-eef2ff: #eef2ff;--s-dbeafe: #dbeafe;--s-eef2f7: #eef2f7;--s-0b66d1: #0b66d1;--s-f3f4f6: #f3f4f6;--s-e9f6ee: #e9f6ee;--s-22c55e: #22c55e;--s-fff7ed: #fff7ed;--s-fffbeb: #fffbeb;--s-eeeeee: #eeeeee;--s-fff5e6: #fff5e6;--s-202c33: #202c33;--s-16a34a: #16a34a;--s-111b21: #111b21;--s-f5f7fb: #f5f7fb;--s-fef3c7: #fef3c7;--s-2a3942: #2a3942;--s-f0fdf4: #f0fdf4;--s-0f172a: #0f172a;--s-f8fbff: #f8fbff;--s-00a884: #00a884;--s-e6f0ff: #e6f0ff;--s-e2e8f0: #e2e8f0;--s-fef3f2: #fef3f2;--s-e74c3c: #e74c3c;--s-f6f8fb: #f6f8fb;--s-25d366: #25d366;--s-444444: #444444;--s-f2f4f7: #f2f4f7;--s-cbd5e1: #cbd5e1;--s-333333: #333333;--s-6c757d: #6c757d;--s-4fc77d: #4fc77d;--s-f8f9fb: #f8f9fb;--s-eaf3ff: #eaf3ff;--s-eefaf0: #eefaf0;--s-f1f1f1: #f1f1f1;--s-eef4ff: #eef4ff;--s-f4f7fb: #f4f7fb;--s-059669: #059669;--s-d97706: #d97706;--s-ef4444: #ef4444;--s-f7f8fa: #f7f8fa;--s-edf4ff: #edf4ff;--s-0b141a: #0b141a;--s-e5ddd5: #e5ddd5;--s-dcf8c6: #dcf8c6;--s-f5f7fa: #f5f7fa;--s-002150: #002150;--s-1e6fff: #1e6fff;--s-1d4ed8: #1d4ed8;--s-fafbfc: #fafbfc;--s-fffaeb: #fffaeb;--s-e0e7ff: #e0e7ff;--s-ede9fe: #ede9fe;--s-e0f2fe: #e0f2fe;--s-eef6ff: #eef6ff;--s-ecfdf3: #ecfdf3;--s-f4f6f9: #f4f6f9;--s-ecf4f7: #ecf4f7;--s-f5f9ff: #f5f9ff;--s-f9fafb: #f9fafb;--s-be5adc: #be5adc;--s-f7faff: #f7faff;--s-e4e2fa: #e4e2fa;--s-3d4592: #3d4592;--s-ff581c: #ff581c;--s-2f80ff: #2f80ff;--s-f0f6ff: #f0f6ff;--s-f5f6f8: #f5f6f8;--s-f3f3f3: #f3f3f3;--s-f1f5f8: #f1f5f8;--s-dc2626: #dc2626;--s-ffe6e6: #ffe6e6;--s-e9f8ef: #e9f8ef;--s-4f46e5: #4f46e5;--s-ea580c: #ea580c;--s-cccccc: #cccccc;--s-1e88ff: #1e88ff;--s-f2f6ff: #f2f6ff;--s-e5e7eb: #e5e7eb;--s-f97316: #f97316;--s-0f766e: #0f766e;--s-111827: #111827;--s-f5f3ff: #f5f3ff;--s-0b6b5a: #0b6b5a;--s-f6fef9: #f6fef9;--s-eef2ee: #eef2ee;--s-1ebe5d: #1ebe5d;--s-f9fbff: #f9fbff;--s-23b79c: #23b79c;--s-eef9f1: #eef9f1;--s-e7e0d4: #e7e0d4;--s-e9edf5: #e9edf5;--s-e5e6f1: #e5e6f1;--s-f1f5f7: #f1f5f7;--s-f4f6fa: #f4f6fa;--s-eaeced: #eaeced;--s-e7f0ff: #e7f0ff;--s-22ff73: #22ff73;--s-1acd5b: #1acd5b;--s-f2f5f7: #f2f5f7;--s-229bbd: #229bbd;--s-22a7ff: #22a7ff;--s-f7f8f9: #f7f8f9;--s-fcfdfd: #fcfdfd;--s-fa11ee: #fa11ee;--s-e6ecf3: #e6ecf3;--s-745bff: #745bff;--s-ff7c5b: #ff7c5b;--s-125ec6: #125ec6;--s-f9fbfc: #f9fbfc;--s-548ff7: #548ff7;--s-2781ff: #2781ff;--s-1c6dff: #1c6dff;--s-1554d1: #1554d1;--s-ff3b30: #ff3b30;--s-e8f0ff: #e8f0ff;--s-f9f9f9: #f9f9f9;--s-4a7cff: #4a7cff;--s-35c759: #35c759;--s-f7fbff: #f7fbff;--s-f59e0b: #f59e0b;--s-f4f5f7: #f4f5f7;--s-eef0f3: #eef0f3;--s-e9ecef: #e9ecef;--s-e6f7ff: #e6f7ff;--s-aaaaaa: #aaaaaa;--s-dfe3e8: #dfe3e8;--s-f4f6f8: #f4f6f8;--s-b91c1c: #b91c1c;--s-e1e5eb: #e1e5eb;--s-fecaca: #fecaca;--s-f7f0ff: #f7f0ff;--s-a855f7: #a855f7;--s-075e54: #075e54;--s-26343d: #26343d;--s-f3f6fb: #f3f6fb;--s-ffedd5: #ffedd5;--s-efece6: #efece6;--s-e7e2da: #e7e2da;--s-fffcf5: #fffcf5;--s-fffbfa: #fffbfa;--s-eef2f6: #eef2f6;--s-079455: #079455;--s-067647: #067647;--s-d92d20: #d92d20;--s-b42318: #b42318;--s-101828: #101828;--s-6b7280: #6b7280;--s-f3e8ff: #f3e8ff;--s-f0f9ff: #f0f9ff;--s-e7ffdb: #e7ffdb;--s-334155: #334155;--s-eef5ff: #eef5ff;--s-fcfcfd: #fcfcfd;--s-d9fdd3: #d9fdd3;--s-ff4d4f: #ff4d4f;--s-000000: #000000;--s-2f7cf6: #2f7cf6;--s-e9f7df: #e9f7df;--s-e6edf5: #e6edf5;--s-f7f3fb: #f7f3fb;--s-eef7ff: #eef7ff;--s-263947: #263947;--s-20b099: #20b099;--t-64748b: #64748b;--t-ffffff: #ffffff;--t-0f172a: #0f172a;--t-334155: #334155;--t-6b7280: #6b7280;--t-111827: #111827;--t-475569: #475569;--t-1d4ed8: #1d4ed8;--t-b91c1c: #b91c1c;--t-dc2626: #dc2626;--t-1e293b: #1e293b;--t-2563eb: #2563eb;--t-059669: #059669;--t-94a3b8: #94a3b8;--t-e9edef: #e9edef;--t-166534: #166534;--t-101828: #101828;--t-1172fa: #1172fa;--t-777777: #777777;--t-666666: #666666;--t-92400e: #92400e;--t-15803d: #15803d;--t-374151: #374151;--t-00060f: #00060f;--t-555555: #555555;--t-c2410c: #c2410c;--t-183b67: #183b67;--t-000000: #000000;--t-8696a0: #8696a0;--t-242424: #242424;--t-d97706: #d97706;--t-2f80ed: #2f80ed;--t-173a67: #173a67;--t-667085: #667085;--t-16a34a: #16a34a;--t-0b66d1: #0b66d1;--t-fafafa: #fafafa;--t-f59e0b: #f59e0b;--t-18181b: #18181b;--t-2f343b: #2f343b;--t-b42318: #b42318;--t-3b82f6: #3b82f6;--t-475467: #475467;--t-912018: #912018;--t-667781: #667781;--t-2a2a33: #2a2a33;--t-4338ca: #4338ca;--t-111111: #111111;--t-05603a: #05603a;--t-b54708: #b54708;--t-b45309: #b45309;--t-991b1b: #991b1b;--t-333333: #333333;--t-222222: #222222;--t-ef4444: #ef4444;--t-ea580c: #ea580c;--t-312e81: #312e81;--t-4f46e5: #4f46e5;--t-6d28d9: #6d28d9;--t-0369a1: #0369a1;--t-14532d: #14532d;--t-00a884: #00a884;--t-3730a3: #3730a3;--t-313957: #313957;--t-081f8f: #081f8f;--t-002150: #002150;--t-344054: #344054;--t-22c55e: #22c55e;--t-888888: #888888;--t-128c4a: #128c4a;--t-747981: #747981;--t-98a2b3: #98a2b3;--t-444444: #444444;--t-aebac1: #aebac1;--t-7c3aed: #7c3aed;--t-9a3412: #9a3412;--t-431407: #431407;--t-0284c7: #0284c7;--t-78350f: #78350f;--t-027a48: #027a48;--t-1f2937: #1f2937;--t-1e3a5f: #1e3a5f;--t-e2e8f0: #e2e8f0;--t-17233b: #17233b;--t-21313d: #21313d;--t-7b8794: #7b8794;--t-047857: #047857;--t-dbeafe: #dbeafe;--t-252c32: #252c32;--t-fa11ee: #fa11ee;--t-303035: #303035;--t-7a7a7a: #7a7a7a;--t-6e7c87: #6e7c87;--t-6e8a9d: #6e8a9d;--t-b8d1f4: #b8d1f4;--t-999999: #999999;--t-3b6fff: #3b6fff;--t-2b2b2b: #2b2b2b;--t-0c1421: #0c1421;--t-122b31: #122b31;--t-6c757d: #6c757d;--t-2f3542: #2f3542;--t-1890ff: #1890ff;--t-ff4d4f: #ff4d4f;--t-d9363e: #d9363e;--t-7b8088: #7b8088;--t-565d66: #565d66;--t-282d33: #282d33;--t-172033: #172033;--t-0077ff: #0077ff;--t-d1d5db: #d1d5db;--t-f97316: #f97316;--t-7f1d1d: #7f1d1d;--t-4c1d95: #4c1d95;--t-7e22ce: #7e22ce;--t-0c4a6e: #0c4a6e;--t-6b6b6b: #6b6b6b;--t-172554: #172554;--t-cbd5e1: #cbd5e1;--t-fecaca: #fecaca;--t-9ca3af: #9ca3af;--t-53bdeb: #53bdeb;--t-111b21: #111b21;--t-2f7cf6: #2f7cf6;--t-064e3b: #064e3b;--t-0b7cff: #0b7cff;--t-128c7e: #128c7e;--t-4b5563: #4b5563;--b-e2e8f0: #e2e8f0;--b-e5e7eb: #e5e7eb;--b-eeeeee: #eeeeee;--b-dddddd: #dddddd;--b-cbd5e1: #cbd5e1;--b-f1f5f9: #f1f5f9;--b-d1d5db: #d1d5db;--b-2563eb: #2563eb;--b-fecaca: #fecaca;--b-1172fa: #1172fa;--b-bfdbfe: #bfdbfe;--b-eaeced: #eaeced;--b-3b82f6: #3b82f6;--b-bfe6cc: #bfe6cc;--b-dbeafe: #dbeafe;--b-ffe0a3: #ffe0a3;--b-bbf7d0: #bbf7d0;--b-eef2f7: #eef2f7;--b-cccccc: #cccccc;--b-d9e1ea: #d9e1ea;--b-cfd8e3: #cfd8e3;--b-e9edf3: #e9edf3;--b-0b66d1: #0b66d1;--b-26343d: #26343d;--b-d6dae1: #d6dae1;--b-e1e5eb: #e1e5eb;--b-d0d5dd: #d0d5dd;--b-d1d9e6: #d1d9e6;--b-c7d2fe: #c7d2fe;--b-fed7aa: #fed7aa;--b-abe4be: #abe4be;--b-cfe0ff: #cfe0ff;--b-cfead5: #cfead5;--b-fde68a: #fde68a;--b-dbe5f1: #dbe5f1;--b-16a34a: #16a34a;--b-dfe5ec: #dfe5ec;--b-a7f3d0: #a7f3d0;--b-d9e4eb: #d9e4eb;--b-dde2e4: #dde2e4;--b-eaeaea: #eaeaea;--b-60a5fa: #60a5fa;--b-d4d7e3: #d4d7e3;--b-dcdcdc: #dcdcdc;--b-2f80ed: #2f80ed;--b-111827: #111827;--b-abefc6: #abefc6;--b-fedf89: #fedf89;--b-fecdc9: #fecdc9;--b-ffffff: #ffffff;--b-e0e7ff: #e0e7ff;--b-eef0f3: #eef0f3;--b-dbe2ea: #dbe2ea;--b-eaecf0: #eaecf0;--b-e2e6e9: #e2e6e9;--b-4a7cff: #4a7cff;--b-b7ebc6: #b7ebc6;--b-cfd4dc: #cfd4dc;--b-cfe2ff: #cfe2ff;--b-dde3ec: #dde3ec;--b-cfdcff: #cfdcff;--b-22c55e: #22c55e;--b-8b5cf6: #8b5cf6;--b-89a7d0: #89a7d0;--b-8cbdff: #8cbdff;--b-f8c3ff: #f8c3ff;--b-f0f4f6: #f0f4f6;--b-f2f2f2: #f2f2f2;--b-548ff7: #548ff7;--b-e5e5e5: #e5e5e5;--b-d8dee7: #d8dee7;--b-34c759: #34c759;--b-10b981: #10b981;--b-ef4444: #ef4444;--b-f59e0b: #f59e0b;--b-e4e4e4: #e4e4e4;--b-1e88ff: #1e88ff;--b-edf0f2: #edf0f2;--b-d9dee5: #d9dee5;--b-dfe3e8: #dfe3e8;--b-b91c1c: #b91c1c;--b-e2cfff: #e2cfff;--b-00a884: #00a884;--b-94a3b8: #94a3b8;--b-079455: #079455;--b-d92d20: #d92d20;--b-dbe4f0: #dbe4f0;--b-4f8df7: #4f8df7;--b-f8fafc: #f8fafc;--b-fee2e2: #fee2e2;--b-ddd6fe: #ddd6fe;--b-ede9fe: #ede9fe;--b-ffedd5: #ffedd5;--b-fef3c7: #fef3c7;--b-bae6fd: #bae6fd;--b-e0f2fe: #e0f2fe;--b-fbbf24: #fbbf24;--b-d9d9d9: #d9d9d9;--b-dcfce7: #dcfce7;--b-86efac: #86efac;--b-bfd7ff: #bfd7ff;--b-f3f4f6: #f3f4f6;--b-d9e8ff: #d9e8ff;--b-e5eefc: #e5eefc;--b-d9fdd3: #d9fdd3;--b-e9edef: #e9edef;--b-4a90e2: #4a90e2;--b-222d34: #222d34;--b-edf2f7: #edf2f7;--b-9db5d6: #9db5d6;--b-e5edf8: #e5edf8;--b-f0c6c2: #f0c6c2;--b-21313d: #21313d;--b-d7dee8: #d7dee8;--b-eef1f5: #eef1f5;--b-e6e6e6: #e6e6e6;--b-dbe3ef: #dbe3ef;--x-375dfb: #375dfb;--x-2563eb: #2563eb;--x-22c55e: #22c55e;--x-cbd5e1: #cbd5e1}:root[data-theme=dark]{--s-ffffff: #131313;--s-f8fafc: #151719;--s-2563eb: #1053e4;--s-eff6ff: #121922;--s-1172fa: #0067f7;--s-dcfce7: #08732c;--s-f1f5f9: #181c20;--s-ecfdf5: #14251d;--s-fee2e2: #790202;--s-fef2f2: #1f1313;--s-f5f5f5: #1c1c1c;--s-fafafa: #171717;--s-3b82f6: #0656da;--s-2f80ed: #0f67de;--s-eef2ff: #121623;--s-dbeafe: #013579;--s-eef2f7: #191d22;--s-0b66d1: #1d82f8;--s-f3f4f6: #1b1c1e;--s-e9f6ee: #1a271f;--s-22c55e: #2fdf70;--s-fff7ed: #241c12;--s-fffbeb: #262212;--s-eeeeee: #222222;--s-fff5e6: #7a4900;--s-202c33: #2f414b;--s-16a34a: #41e97f;--s-111b21: #1f313c;--s-f5f7fb: #16181c;--s-fef3c7: #846a00;--s-2a3942: #9ab2c0;--s-f0fdf4: #142118;--s-0f172a: #9cb0dd;--s-f8fbff: #13161a;--s-00a884: #36ffd4;--s-e6f0ff: #00317a;--s-e2e8f0: #1f252d;--s-fef3f2: #1f1413;--s-e74c3c: #d32816;--s-f6f8fb: #16181b;--s-25d366: #26dd6b;--s-444444: #b3b3b3;--s-f2f4f7: #1a1c1f;--s-cbd5e1: #35485e;--s-333333: #c2c2c2;--s-6c757d: #818a92;--s-4fc77d: #38b969;--s-f8f9fb: #161719;--s-eaf3ff: #00347a;--s-eefaf0: #172319;--s-f1f1f1: #1f1f1f;--s-eef4ff: #121823;--s-f4f7fb: #16191d;--s-059669: #41fcc2;--s-d97706: #fd9216;--s-ef4444: #d10e0e;--s-f7f8fa: #17181a;--s-edf4ff: #121924;--s-0b141a: #172a37;--s-e5ddd5: #383028;--s-dcf8c6: #3e7c0d;--s-f5f7fa: #17191c;--s-002150: #6da9ff;--s-1e6fff: #0055ec;--s-1d4ed8: #2054e5;--s-fafbfc: #161718;--s-fffaeb: #262112;--s-e0e7ff: #001c7a;--s-ede9fe: #190377;--s-e0f2fe: #024979;--s-eef6ff: #121a23;--s-ecfdf3: #14251b;--s-f4f6f9: #181a1d;--s-ecf4f7: #192124;--s-f5f9ff: #12161c;--s-f9fafb: #161718;--s-be5adc: #9724b9;--s-f7faff: #13161b;--s-e4e2fa: #18106a;--s-3d4592: #5e67be;--s-ff581c: #ee3f00;--s-2f80ff: #0058e2;--s-f0f6ff: #121821;--s-f5f6f8: #191a1c;--s-f3f3f3: #1d1d1d;--s-f1f5f8: #191d20;--s-dc2626: #de2020;--s-ffe6e6: #7a0000;--s-e9f8ef: #18271e;--s-4f46e5: #2319cb;--s-ea580c: #f75d0d;--s-cccccc: #3f3f3f;--s-1e88ff: #006fec;--s-f2f6ff: #12161f;--s-e5e7eb: #24262a;--s-f97316: #f46501;--s-0f766e: #5deee2;--s-111827: #a2b3d8;--s-f5f3ff: #14121e;--s-0b6b5a: #62f2d8;--s-f6fef9: #131b16;--s-eef2ee: #1e221e;--s-1ebe5d: #32e378;--s-f9fbff: #131519;--s-23b79c: #39ddbf;--s-eef9f1: #17221a;--s-e7e0d4: #393226;--s-e9edf5: #1b1f27;--s-e5e6f1: #1e1f2a;--s-f1f5f7: #1a1e20;--s-f4f6fa: #17191d;--s-eaeced: #222425;--s-e7f0ff: #002e7a;--s-22ff73: #00ea56;--s-1acd5b: #26e86c;--s-f2f5f7: #1a1d1f;--s-229bbd: #34b9de;--s-22a7ff: #008dea;--s-f7f8f9: #18191a;--s-fcfdfd: #151616;--s-fa11ee: #f700ea;--s-e6ecf3: #1c2229;--s-745bff: #1e00c7;--s-ff7c5b: #c72800;--s-125ec6: #287cf0;--s-f9fbfc: #151718;--s-548ff7: #064dca;--s-2781ff: #0060e7;--s-1c6dff: #0055ee;--s-1554d1: #2166ed;--s-ff3b30: #e10c00;--s-e8f0ff: #002b7a;--s-f9f9f9: #181818;--s-4a7cff: #003ad1;--s-35c759: #34cd5a;--s-f7fbff: #13171b;--s-f59e0b: #f99e05;--s-f4f5f7: #1a1b1d;--s-eef0f3: #1d1f22;--s-e9ecef: #202326;--s-e6f7ff: #00537a;--s-aaaaaa: #5c5c5c;--s-dfe3e8: #262a2f;--s-f4f6f8: #191b1d;--s-b91c1c: #e43535;--s-e1e5eb: #24282e;--s-fecaca: #820000;--s-f7f0ff: #191221;--s-a855f7: #6a06ca;--s-075e54: #68f7e6;--s-26343d: #9db4c3;--s-f3f6fb: #16191e;--s-ffedd5: #7b4600;--s-efece6: #292620;--s-e7e2da: #342f27;--s-fffcf5: #1c1912;--s-fffbfa: #181413;--s-eef2f6: #1a1e22;--s-079455: #43faa8;--s-067647: #56fab5;--s-d92d20: #e22e20;--s-b42318: #e84336;--s-101828: #a0b3db;--s-6b7280: #7a8291;--s-f3e8ff: #3b007a;--s-f0f9ff: #121b21;--s-e7ffdb: #297a00;--s-334155: #8da0bc;--s-eef5ff: #121923;--s-fcfcfd: #151516;--s-d9fdd3: #147a03;--s-ff4d4f: #cf0002;--s-000000: #141414;--s-2f7cf6: #055be2;--s-e9f7df: #376317;--s-e6edf5: #1b222a;--s-f7f3fb: #1a161e;--s-eef7ff: #121b23;--s-263947: #93b1c7;--s-20b099: #3ddfc5;--t-64748b: #708199;--t-ffffff: #ffffff;--t-0f172a: #9cb0dd;--t-334155: #8da0bc;--t-6b7280: #7a8291;--t-111827: #a2b3d8;--t-475569: #8394ad;--t-1d4ed8: #2054e5;--t-b91c1c: #e43535;--t-dc2626: #de2020;--t-1e293b: #99adcd;--t-2563eb: #1053e4;--t-059669: #41fcc2;--t-94a3b8: #52647d;--t-e9edef: #e9edef;--t-166534: #6fe29b;--t-101828: #a0b3db;--t-1172fa: #0067f7;--t-777777: #878787;--t-666666: #969696;--t-92400e: #f18949;--t-15803d: #5ae78f;--t-374151: #92a0b6;--t-00060f: #dfe5ee;--t-555555: #a4a4a4;--t-c2410c: #f66427;--t-183b67: #6ea1e0;--t-000000: #ededed;--t-8696a0: #657782;--t-242424: #cecece;--t-d97706: #fd9216;--t-2f80ed: #0f67de;--t-173a67: #6ea0e1;--t-667085: #758096;--t-16a34a: #41e97f;--t-0b66d1: #1d82f8;--t-fafafa: #fafafa;--t-f59e0b: #f99e05;--t-18181b: #d6d6d9;--t-2f343b: #babfc6;--t-b42318: #e84336;--t-3b82f6: #0656da;--t-475467: #8595ac;--t-912018: #e5594f;--t-667781: #788b96;--t-2a2a33: #c1c1ca;--t-4338ca: #3e32cb;--t-111111: #dfdfdf;--t-05603a: #65fabc;--t-b54708: #fa782e;--t-b45309: #f9862f;--t-991b1b: #e34b4b;--t-333333: #c2c2c2;--t-222222: #d0d0d0;--t-ef4444: #d10e0e;--t-ea580c: #f75d0d;--t-312e81: #6966cb;--t-4f46e5: #2319cb;--t-6d28d9: #6b23db;--t-0369a1: #38b9ff;--t-14532d: #7be2a4;--t-00a884: #36ffd4;--t-3730a3: #544dce;--t-313957: #8a95bf;--t-081f8f: #4765f8;--t-002150: #6da9ff;--t-344054: #8e9fbb;--t-22c55e: #2fdf70;--t-888888: #797979;--t-128c4a: #4fec97;--t-747981: #7e838b;--t-98a2b3: #586478;--t-444444: #b3b3b3;--t-aebac1: #47535a;--t-7c3aed: #590fd7;--t-9a3412: #ed6f46;--t-431407: #f4957b;--t-0284c7: #21b4ff;--t-78350f: #ee915c;--t-027a48: #51ffb7;--t-1f2937: #9eb0ca;--t-1e3a5f: #79a1d7;--t-e2e8f0: #e2e8f0;--t-17233b: #93aad7;--t-21313d: #99b5c9;--t-7b8794: #6d7a88;--t-047857: #54fdcd;--t-dbeafe: #013579;--t-252c32: #c1c8ce;--t-fa11ee: #f700ea;--t-303035: #bfbfc4;--t-7a7a7a: #858585;--t-6e7c87: #758490;--t-6e8a9d: #638195;--t-b8d1f4: #124182;--t-999999: #6a6a6a;--t-3b6fff: #003ada;--t-2b2b2b: #c8c8c8;--t-0c1421: #a2b9df;--t-122b31: #98cedb;--t-6c757d: #818a92;--t-2f3542: #b3b9c6;--t-1890ff: #007df0;--t-ff4d4f: #cf0002;--t-d9363e: #d1242c;--t-7b8088: #787d85;--t-565d66: #959ca5;--t-282d33: #c1c6cc;--t-172033: #9caed4;--t-0077ff: #0077ff;--t-d1d5db: #31353b;--t-f97316: #f46501;--t-7f1d1d: #dd5f5f;--t-4c1d95: #884fe0;--t-7e22ce: #8b29e0;--t-0c4a6e: #61bcf1;--t-6b6b6b: #929292;--t-172554: #7d93de;--t-cbd5e1: #35485e;--t-fecaca: #820000;--t-9ca3af: #565d69;--t-53bdeb: #138fc5;--t-111b21: #d0dae0;--t-2f7cf6: #055be2;--t-064e3b: #72f7d4;--t-0b7cff: #0073f8;--t-128c7e: #4fecda;--t-4b5563: #8a96a7;--b-e2e8f0: #1f252d;--b-e5e7eb: #24262a;--b-eeeeee: #222222;--b-dddddd: #303030;--b-cbd5e1: #35485e;--b-f1f5f9: #181c20;--b-d1d5db: #31353b;--b-2563eb: #1053e4;--b-fecaca: #820000;--b-1172fa: #0067f7;--b-bfdbfe: #003d89;--b-eaeced: #222425;--b-3b82f6: #0656da;--b-bfe6cc: #296f40;--b-dbeafe: #013579;--b-ffe0a3: #9a6600;--b-bbf7d0: #0d8336;--b-eef2f7: #191d22;--b-cccccc: #3f3f3f;--b-d9e1ea: #242c35;--b-cfd8e3: #2a333e;--b-e9edf3: #1d2127;--b-0b66d1: #1d82f8;--b-26343d: #9db4c3;--b-d6dae1: #2c3037;--b-e1e5eb: #24282e;--b-d0d5dd: #2f343c;--b-d1d9e6: #31415c;--b-c7d2fe: #001a84;--b-fed7aa: #965000;--b-abe4be: #277f44;--b-cfe0ff: #002d7f;--b-cfead5: #296236;--b-fde68a: #ab8900;--b-dbe5f1: #233d5d;--b-16a34a: #41e97f;--b-dfe5ec: #22282f;--b-a7f3d0: #118e54;--b-d9e4eb: #232e35;--b-dde2e4: #2a2f31;--b-eaeaea: #252525;--b-60a5fa: #0259c4;--b-d4d7e3: #2a2d39;--b-dcdcdc: #313131;--b-2f80ed: #0f67de;--b-111827: #a2b3d8;--b-abefc6: #178844;--b-fedf89: #ab7d00;--b-fecdc9: #830a00;--b-ffffff: #131313;--b-e0e7ff: #001c7a;--b-eef0f3: #1d1f22;--b-dbe2ea: #242b33;--b-eaecf0: #202226;--b-e2e6e9: #25292c;--b-4a7cff: #003ad1;--b-b7ebc6: #207a3a;--b-cfd4dc: #30353d;--b-cfe2ff: #00327f;--b-dde3ec: #222831;--b-cfdcff: #00227f;--b-22c55e: #2fdf70;--b-8b5cf6: #4107c5;--b-89a7d0: #375d90;--b-8cbdff: #0048a8;--b-f8c3ff: #760086;--b-f0f4f6: #1a1e20;--b-f2f2f2: #1e1e1e;--b-548ff7: #064dca;--b-e5e5e5: #292929;--b-d8dee7: #272d36;--b-34c759: #34ce5b;--b-10b981: #2ff1b1;--b-ef4444: #d10e0e;--b-f59e0b: #f99e05;--b-e4e4e4: #2a2a2a;--b-1e88ff: #006fec;--b-edf0f2: #1e2123;--b-d9dee5: #282d34;--b-dfe3e8: #262a2f;--b-b91c1c: #e43535;--b-e2cfff: #32007f;--b-00a884: #36ffd4;--b-94a3b8: #52647d;--b-079455: #43faa8;--b-d92d20: #e22e20;--b-dbe4f0: #253c5c;--b-4f8df7: #054fce;--b-f8fafc: #151719;--b-fee2e2: #790202;--b-ddd6fe: #16017a;--b-ede9fe: #190377;--b-ffedd5: #7b4600;--b-fef3c7: #846a00;--b-bae6fd: #015c8c;--b-e0f2fe: #024979;--b-fbbf24: #ebaa00;--b-d9d9d9: #343434;--b-dcfce7: #08732c;--b-86efac: #12a347;--b-bfd7ff: #003389;--b-f3f4f6: #1b1c1e;--b-d9e8ff: #00307a;--b-e5eefc: #0b3270;--b-d9fdd3: #147a03;--b-e9edef: #202426;--b-4a90e2: #1c6bc7;--b-222d34: #bfcad1;--b-edf2f7: #191e23;--b-9db5d6: #355583;--b-e5edf8: #18202b;--b-f0c6c2: #75231b;--b-21313d: #99b5c9;--b-d7dee8: #262d37;--b-eef1f5: #1b1e22;--b-e6e6e6: #292929;--b-dbe3ef: #1f2733;--x-375dfb: #002bdf;--x-2563eb: #1053e4;--x-22c55e: #2fdf70;--x-cbd5e1: #35485e}*{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:var(--t-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:var(--s-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{min-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:var(--s-ffffff);overflow:hidden}.ds_left-section{background:var(--s-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:24px;line-height:1.35;font-weight:600;color:var(--t-0f172a)}.ds_brand span{color:var(--t-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:24px;font-weight:600}.ds_login-title{text-align:center;font-size:24px;font-weight:500;max-width:380px;color:var(--t-2a2a33)}.ds_login-subtitle{text-align:center;font-size:16px;color:var(--t-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:12px;margin-bottom:6px;display:block}.ds_form-group input{width:100%;padding:10px 12px;border:1px solid var(--b-d1d5db);border-radius:6px}.ds_form-options{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.ds_form-options a{color:var(--t-2563eb);text-decoration:none}.ds_btn-login{width:100%;padding:12px;background:var(--s-2563eb);color:var(--t-ffffff);border:none;border-radius:6px;cursor:pointer}.ds_signup-text{margin-top:20px;font-size:12px;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:var(--s-e9edf5);border:none;width:111px;font-size:12px;height:100%;cursor:pointer;color:var(--t-333333);white-space:nowrap}.ds_tab.ds_active{background:var(--s-2563eb);color:var(--t-ffffff)}.ds_subBar-right{font-size:12px;color:var(--t-2563eb);white-space:nowrap;background:var(--s-e5e6f1);height:34px;line-height:34px;padding:0 30px;font-weight:500}.ds_content{overflow:auto;background-color:var(--s-f1f5f7);padding:8px;height:100%}.customeInfoCard{width:100%;background:var(--s-ffffff);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:12px;margin-bottom:6px;display:block}.customeInfoCard input,.customeInfoCard textarea{width:100%;padding:12px;border:1px solid var(--b-d1d5db);border-radius:6px;margin-bottom:18px}.customeInfoCard textarea{height:100px;resize:none}.phoneInput{background:var(--s-f1f5f9);color:var(--t-64748b)}.ds_primary{width:100%;padding:14px;background:var(--s-2563eb);color:var(--t-ffffff);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:var(--s-ffffff);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:var(--s-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:var(--t-2563eb)}.resume-btn{width:100%;background:var(--s-2563eb);color:var(--t-ffffff);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 var(--b-eaeced);background:#fff}.sidebarMobile{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--s-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 var(--b-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 var(--b-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:var(--s-eaeced)}.topbarSection:last-child:after{content:"";display:none}.topbarItem .pause-bar{display:contents}.topbarItem .pause-bar .pb-status,.topbarItem .pause-bar .pb-controls{flex-wrap:nowrap;gap:8px}.topbarItem .pause-bar .pb-select,.topbarItem .pause-bar .pb-pause,.topbarItem .pause-bar .pb-resume{height:32px;font:inherit;font-size:12px;border-radius:6px}.topbarItem .pause-bar .pb-select{min-width:0;max-width:150px;padding:0 8px}.topbarItem .pause-bar .pb-pause,.topbarItem .pause-bar .pb-resume{width:auto;padding:0 14px;white-space:nowrap}.topbarItem select,.topbarItem button{height:32px;border-radius:6px;font-size:12px;box-sizing:border-box}.topbarItem .queue-login .queue-select{height:32px;min-width:0;max-width:150px;border-radius:6px;padding:0 8px}.topbarItem .queue-login .login-btn,.topbarItem .queue-login .logout-btn{height:32px;border-radius:6px}.topbarItem .pause-bar .pb-pill{height:24px;border-radius:999px}.tobarStatusSubItem{display:flex;align-items:center;gap:5px;padding:0;background-color:transparent;border:0}.tobarStatusSubItem #commitBtn{border-radius:6px;padding:0 12px}.tobarStatusSubItem img{width:31px;height:31px;padding:8px;background:#fff;border-radius:6px}#commitBtn{font:inherit;font-size:12px;font-weight:500;color:var(--t-101828);background:var(--s-ffffff);border:1px solid var(--b-d9e4eb);border-radius:4px;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}#commitBtn:hover{border-color:var(--b-1172fa);color:var(--t-1172fa)}#commitBtn.active{background:var(--s-1172fa);border-color:var(--b-1172fa);color:var(--t-ffffff)}#commitBtn .blink{font-weight:700}.statusText{display:grid}.statusText span:first-child{font-size:12px;color:var(--t-667085);font-weight:400}.statusText span:last-child{font-size:12px;color:var(--t-101828);font-weight:500}.callTiming{padding-left:25px;align-self:flex-end;font-size:12px;font-weight:500;color:var(--t-1172fa)}.tobarRightSideIcon{width:31px;height:31px;padding:8px;background:var(--s-ecf4f7);border-radius:6px}.topbarSideLogoItem{width:35px;height:35px;border-radius:2px;background-color:var(--s-e7f0ff)}.topbarSideLogoItem img{width:100%;padding:5px}.topbarText{font-size:12px;font-weight:400;color:var(--t-667085)}.clockText{color:var(--t-1172fa)}.playText,.callText{display:grid}.playText span:last-child,.callText span:last-child{font-weight:500;color:var(--t-101828)}.tobarProfileIcon{width:28px;height:28px;border-radius:50%}.profileText{display:grid}.profileText span:first-child{font-size:12px;color:var(--t-101828);font-weight:500}.profileText span:last-child{font-size:12px;color:var(--t-667085);font-weight:400}.topbarDropdownIcon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid var(--b-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:var(--s-ecf4f7);border-radius:6px;display:flex;justify-content:center;align-items:center}.sipDot{background:linear-gradient(253.13deg,var(--s-22ff73) 24.96%,var(--s-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 var(--b-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:var(--s-ffffff);border-bottom:1px solid var(--b-eaeaea);height:65px}.ds_header{font-size:20px;font-weight:500;color:var(--t-101828)}.subHeader{color:var(--t-101828);font-size:14px;font-weight:500}.detailsCard{border:1px solid var(--b-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:var(--s-f5f9ff);border-right:1px solid var(--b-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 var(--b-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:var(--s-f2f5f7);padding:10px;display:grid;gap:2px}.detailContentData{display:flex;justify-content:space-between;align-items:center;gap:5px}.detailContent .ds_header{color:var(--t-667085);font-size:12px;font-weight:400}.detailContentData .subHeader{color:var(--t-101828);font-size:12px;font-weight:500}.detailContentData .date{color:var(--t-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 var(--b-d4d7e3);padding:0 5px;line-height:44px;border-radius:4px;font-size:12px;font-weight:500;color:var(--t-101828);max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--b-1172fa);box-shadow:0 0 0 2px #1172fa4d}.createleadbtn{height:30px;margin:0;line-height:30px;background:linear-gradient(0deg,var(--s-1172fa),var(--s-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 var(--x-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:var(--t-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:var(--s-1172fa);box-shadow:0 0 0 1px var(--x-375dfb);box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12px;font-weight:500}.orderBtn,.disposeBtn{background:var(--s-229bbd);box-shadow:0 0 0 1px var(--x-375dfb);box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12px;font-weight:500}.newLeadBtn{background:var(--s-22a7ff);box-shadow:0 0 0 1px var(--x-375dfb);box-shadow:0 1px 2px #253ea77a;color:#fff;border:none;font-size:12px;font-weight:500}.ds_headerContainer,.detailsCard,.detailsRow,.subDetailsRow,.subDetailsRow2{min-width:0;max-width:100%}.closeArrowIcon{padding:6px;border:1px solid var(--b-dde2e4);border-radius:5px}.closeArrowIcon.roatedArrow{transform:rotate(180deg)}.thirdSection .detailHeader p{font-size:14px;font-weight:500;color:var(--t-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 var(--b-eaeced)}.ds_tableBody td{padding:0 10px;font-size:14px;font-weight:400;color:var(--t-18181b)}.ds_tableBody td:first-child{padding:0 20px}.ds_pageHeader{height:40px;background-color:var(--s-ffffff);font-size:16px;font-weight:500;color:var(--t-101828);border-bottom:1px solid var(--b-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:var(--s-f7f8f9);border-bottom:1px solid var(--b-eaeaea);padding:8px}.reportsCard{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:9px;padding:9px 8px;background-color:var(--s-ffffff);border:1px solid var(--b-eaeced);border-radius:6px}.reportsCard img{width:24px;height:24px}.reportsCard .title{font-size:12px;font-weight:400;color:var(--t-00060f)}.reportsCard .value{font-size:14px;font-weight:500;color:var(--t-242424)}.reportsCardContainer2{padding:16px 14px;background-color:var(--s-ffffff);border:1px solid var(--b-eaeaea);display:grid;grid-template-columns:1fr 1fr;gap:16px}.reportCard2{display:flex;background:var(--s-fcfdfd);border:1px solid var(--b-89a7d0);border-radius:12px;padding:8px 20px;gap:36px}.reportCard2 .title{color:var(--t-00060f);font-size:12px;font-weight:400}.reportCard2 .value{color:var(--t-242424);font-size:16px;font-weight:500}.reportsTableContainer{padding:14px 8px;background-color:var(--s-ffffff);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:var(--t-101828)}.chooseReportBtn{border:1px solid var(--b-1172fa);border-radius:8px;padding:8px 14px;color:var(--t-1172fa);font-size:12px;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 var(--b-d0d5dd);border-radius:8px;padding:8px 14px;color:var(--t-252c32);font-size:12px;font-weight:500;display:flex;align-items:center;background-color:transparent;gap:10px;height:28px;cursor:pointer}.buttonBox{border:1px solid var(--b-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 var(--b-8cbdff);background:#1172fa33;color:var(--t-1172fa)}.readyStatus .dot{width:8px;height:8px;background:var(--s-1172fa);border-radius:50%}.inCallStatus{border:1px solid var(--b-f8c3ff);background:#d311fa33;color:var(--t-fa11ee)}.inCallStatus .dot{width:8px;height:8px;background:var(--s-fa11ee);border-radius:50%}.reportButtons{display:flex;align-items:center;gap:2px}.reportBtn{color:var(--t-303035);font-size:12px;font-weight:500;background-color:var(--s-e6ecf3);height:34px;line-height:34px;border:none;padding:0 14px;white-space:nowrap}.activeReportBtn{background-color:var(--s-1172fa);color:var(--t-ffffff)}.multipleReportsChartContainer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px}.detailsBarChartContainer{display:grid;gap:8px}.detailsBarChartContainer .detailsBox{border:1px solid var(--b-e2e6e9);background:#fff;border-radius:12px;padding:13px;display:grid;gap:12px}.detailsBarChartContainer .detailsBox .detailHeader{font-size:16px;font-weight:500;color:var(--t-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 var(--b-eaeced);background-color:var(--s-ffffff);padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.detailsBoxChartContainer .row .box .label{color:var(--t-00060f);font-weight:400;font-size:12px}.detailsBoxChartContainer .row .box .value{color:var(--t-242424);font-size:14px;font-weight:500}.dialingPercentage{width:100%;height:100%;border-radius:4px;background:var(--s-f7faff);border:1px solid var(--b-f0f4f6);position:relative}.dialingPercentage .filledPercentage{position:absolute;height:100%;border-radius:4px}.dialingPercentage .color1{background:linear-gradient(-90deg,#5b6bff66 .17%,var(--s-745bff) 75.27%)}.dialingPercentage .color2{background:linear-gradient(-90deg,#ff7c5b66 .17%,var(--s-ff7c5b) 75.27%)}.dialingPercentage .color3{background:linear-gradient(-90deg,#125ec666 .17%,var(--s-125ec6) 75.27%)}.dialingPercentage .percentageValue{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:14px;font-weight:500;color:var(--t-242424)}.agentDetailsChartContainer{background:#fff;border:1px solid var(--b-e2e6e9);border-radius:12px;padding:20px}.agentDetailsChartContainer .detailHeader{font-size:16px;font-weight:500;color:var(--t-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:var(--t-081f8f);font-size:12px;font-weight:400}.agentDetailsChartContainer .chartBoxContainer div p span:last-child{color:var(--t-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 var(--b-eaeced);background-color:var(--s-ffffff);padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.agentDetailsChartContainer .chartDetailsContainer .row .label{color:var(--t-00060f);font-weight:400;font-size:12px}.agentDetailsChartContainer .chartDetailsContainer .row .value{color:var(--t-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:var(--s-ffffff);border:1px solid var(--b-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:var(--s-f9fbfc);border:1px solid var(--b-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 var(--b-eaeced);background-color:var(--s-ffffff);display:grid;grid-template-columns:1fr auto}.card2:first-child{background:linear-gradient(357.09deg,var(--s-1172fa) 13.15%,var(--s-548ff7) 97.35%)}.title2{font-size:14px;font-weight:500;color:var(--t-00060f)}.value2{font-size:24px;font-weight:500;color:var(--t-242424)}.card2:first-child .title2,.card2:first-child .value2{color:var(--t-ffffff)}.rightBottomPart{background-color:var(--s-ffffff);padding:20px 16px;border:1px solid var(--b-eaeced);border-radius:10px}.diallerTitle{font-size:16px;font-weight:500;color:var(--t-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:var(--t-00060f);font-size:14px;font-weight:500;position:relative}.diallerInfoStats p:first-child:before{content:"";position:absolute;width:6px;height:18px;background-color:var(--s-1172fa);left:-10px;top:2px}.diallerInfoStats p:last-child:before{content:"";position:absolute;width:6px;height:18px;background-color:var(--s-e4e2fa);left:-10px;top:2px}.diallerInfoStats p:nth-child(2):before{content:"";position:absolute;width:6px;height:18px;background-color:var(--s-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:var(--t-00060f)}.recordValues{display:flex;align-items:center;height:100%;width:100%}.recordValues p:first-child{background-color:var(--s-1172fa);color:var(--t-ffffff);text-align:center;width:60%;height:100%;line-height:40px}.recordValues p:nth-child(2){background-color:var(--s-3d4592);color:var(--t-ffffff);text-align:center;width:30%;height:100%;line-height:40px}.recordValues p:last-child{background-color:var(--s-e4e2fa);color:var(--t-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:var(--t-002150);font-size:16px;font-weight:600;text-align:center}.leftTopPart .footerTitle{font-size:12px;color:var(--t-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:var(--s-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:32px;font-weight:600;color:var(--t-242424)}.chartCenterData .subTitle{font-size:12px;font-weight:400;color:var(--t-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 var(--b-dde2e4);color:var(--t-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 var(--b-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 var(--b-dde2e4);border-radius:4px;height:30px;padding:4px 6px;cursor:pointer}.dataCount{font-size:12px;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:var(--s-002150);border:none;height:30px;color:var(--t-ffffff);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:var(--s-cbd5e1);border-radius:6px}.ds_tableBody tr{height:73px}.ds_tableBody td{padding:0 10px;font-size:14px;font-weight:400;color:var(--t-18181b);border-bottom:1px solid var(--b-eaecf0)}.ds_tableBody tr:nth-child(2n){background-color:var(--s-f9fafb)}.ds_tableBody tr:nth-child(odd){background-color:var(--s-ffffff)}.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:var(--t-ffffff)}.fullNameCol p{font-size:14px;font-weight:500;color:var(--t-18181b);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.ds_tableBody tr:nth-child(odd) .fullNameCol span{background-color:var(--s-1172fa)}.ds_tableBody tr:nth-child(2n) .fullNameCol span{background-color:var(--s-be5adc)}.switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:44px;font-size:14px;color:var(--t-6e8a9d)}.switch:after{content:"Inactive";position:absolute;margin-left:50px}.switch:before{content:"Active";position:absolute;right:50px;color:var(--t-1172fa)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--s-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:var(--s-ff581c)}input:checked+.slider:before{transform:translate(20px)}.modifyBtn{height:34px;display:flex;justify-content:center;align-items:center;color:var(--t-344054);border-radius:8px;border:1px solid var(--b-d0d5dd);background:transparent;padding:8px 14px;cursor:pointer;gap:6px}.dashboardContent{display:grid;grid-template-rows:34px 1fr;gap:8px}.adminPageContainer .usersContent{background-color:var(--s-ffffff);display:grid;grid-template-rows:30px 1fr;gap:8px}.adminPageContainer .userInfoContent{display:grid;grid-template-columns:350px auto;gap:8px}.userInfoCard{border:1px solid var(--b-eaeced);padding:12px 14px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px}.userInfoCardTitle{font-size:12px;color:var(--t-00060f);font-weight:400}.userInfoCardValue{font-size:16px;font-weight:500;color:var(--t-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:var(--s-ffffff)}#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 var(--b-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:12px}.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:var(--s-2781ff);height:64px;padding:0 20px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.signoffIcon{justify-self:end;background:var(--s-1172fa);border:1px solid var(--b-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:var(--t-ffffff);font-size:12px;font-weight:500}.userId,.currentTime{color:var(--t-ffffff);font-size:12px;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:12px;color:var(--t-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:var(--s-ffffff);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:var(--t-22c55e);font-size:12px}.dialer-input{width:100%;padding:12px;margin:14px 0;border-radius:6px;border:1px solid var(--b-dddddd);text-align:center}.call-btn{width:100%;padding:12px;background:var(--s-1e6fff);color:var(--t-ffffff);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:var(--t-ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000026}.control.pause{background:linear-gradient(135deg,var(--s-2f80ff),var(--s-1e6fff))}.control.transfer{background:linear-gradient(135deg,var(--s-1c6dff),var(--s-1554d1))}.control.mute{background:linear-gradient(135deg,var(--s-2f80ff),var(--s-1e6fff))}.control.end{background:linear-gradient(135deg,var(--s-ff581c),var(--s-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 var(--b-dcdcdc);border-radius:6px;background:var(--s-ffffff);font-family:Archivo,sans-serif}.ds_chatSidebar{width:420px;border-right:1px solid var(--b-e5e5e5);display:flex;flex-direction:column}.badge{background:var(--s-22c55e);color:#fff;font-size:12px;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 var(--b-dddddd);border-radius:4px}.ds_chatTabs{display:flex;gap:5px;padding:10px}.ds_chatTabs button{flex:1;padding:6px;border:1px solid var(--b-dddddd);background:var(--s-f5f5f5);cursor:pointer}.ds_chatTabs .active{background:var(--s-e8f0ff)}.ds_chatList{overflow-y:auto;flex:1}.ds_chatItem{padding:12px;border-bottom:1px solid var(--b-eeeeee);cursor:pointer}.ds_chatItem:hover{background:var(--s-f9f9f9)}.ds_chatItem.active{background:var(--s-eef4ff);border-left:3px solid var(--b-4a7cff)}.ds_chatTop{display:flex;align-items:center;gap:8px;margin-bottom:5px}.ds_avatar{width:26px;height:26px;border-radius:50%;background:var(--s-4a7cff);color:var(--t-ffffff);font-size:12px;display:flex;align-items:center;justify-content:center}.ds_status{width:8px;height:8px;background:var(--s-35c759);border-radius:2px;margin-left:auto}.ds_name{font-size:12px;font-weight:600}.ds_chatItem p{font-size:12px;color:var(--t-666666);margin:5px 0}.ds_chatBottom{display:flex;justify-content:space-between;font-size:12px;color:var(--t-999999)}.ds_chatContent{flex:1;display:flex;flex-direction:column}.ds_chatHeader{padding:12px;border-bottom:1px solid var(--b-eeeeee)}.ds_chatMessages{flex:1;padding:20px;overflow-y:auto;background:var(--s-fafafa)}.ds_messageRow{display:flex;gap:10px;margin-bottom:20px}.ds_messageRow.right{justify-content:flex-end}.ds_message{max-width:420px;background:var(--s-ffffff);padding:10px;border-radius:6px;border:1px solid var(--b-eeeeee)}.ds_message.left{background:var(--s-ffffff)}.ds_message.right{background:var(--s-f0f6ff)}.ds_messageHead{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ds_message p{font-size:12px;margin:0}.small{width:24px;height:24px;font-size:12px}.ds_chatInput{padding:10px;border-top:1px solid var(--b-eeeeee);display:flex;gap:10px}.ds_chatInput input{flex:1;padding:8px;border:1px solid var(--b-dddddd);border-radius:4px}.ds_chatInput button{background:var(--s-2f80ed);border:none;color:var(--t-ffffff);padding:8px 18px;border-radius:5px;cursor:pointer}.ds_chatTopBar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--s-f5f6f8);border-bottom:1px solid var(--b-dddddd)}.ds_chatTitle h3{margin:0;font-size:16px;font-weight:600}.ds_chatTitle p{margin:2px 0 0;font-size:12px;color:var(--t-777777)}.ds_chatFilters{display:flex;gap:10px;align-items:center}.ds_chatFilters select,.ds_chatFilters input{padding:6px 8px;border:1px solid var(--b-dddddd);border-radius:4px;font-size:12px;background:var(--s-ffffff)}.ds_searchBtn{background:var(--s-2f80ed);color:var(--t-ffffff);border:none;padding:7px 12px;border-radius:4px;cursor:pointer;font-size:14px}.ds_chatList{padding:10px;overflow-y:auto}.ds_chatItem{background:var(--s-ffffff);border:1px solid var(--b-d8dee7);border-radius:6px;padding:10px;margin-bottom:10px;cursor:pointer}.ds_chatItem.active{border:2px solid var(--b-4a7cff)}.ds_chatRow{display:flex;gap:10px}.ds_avatar{width:26px;height:26px;background:var(--s-e6f0ff);color:var(--t-3b6fff);font-size:12px;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:12px;font-weight:600;color:var(--t-2b2b2b)}.ds_status{width:10px;height:10px;border:2px solid var(--b-34c759);border-radius:2px}.ds_messagePreview{font-size:12px;color:var(--t-555555);margin:4px 0;line-height:1.4}.ds_chatBottom{display:flex;justify-content:space-between;font-size:12px;color:var(--t-777777);margin-top:6px}.ds_reply{font-weight:500}.ds_time{color:var(--t-888888)}@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:16px!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:var(--s-ffffff);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}}:root{--focus-ring: var(--b-2563eb);--focus-ring-width: 2px;--focus-ring-offset: 2px}:where(a[href],area[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"]),[role=button],[role=link],[role=menuitem],[role=tab],[role=option],[role=checkbox],[role=switch]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}:where(td,th,.dt-table-wrap,[class*=scroll]) :where(a[href],button):focus-visible{outline-offset:-1px}@media (forced-colors: active){:where(a[href],button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight;outline-offset:2px}}:where(button,a[href],[role=button]){position:relative}:where(.wa-btn,.call-btn,.pencil-btn,.cl-wrapclose,.theme-toggle,.dt-nav-btn,.sp-icon,.close-btn):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,32px);height:max(100%,32px);pointer-events:auto}@media (pointer: coarse){:where(.wa-btn,.call-btn,.pencil-btn,.cl-wrapclose,.theme-toggle,.dt-nav-btn,.sp-icon,.close-btn):after{width:max(100%,44px);height:max(100%,44px)}}:where(.wa-btn,.call-btn,.pencil-btn,.cl-wrapclose,.theme-toggle,.dt-nav-btn,.sp-icon,.close-btn)>*{position:relative;z-index:1}