:root{--navy: #030c62;--navy-2: #0b1678;--navy-ink: #0b1240;--pink: #d53ba3;--violet: #8a59af;--purple: #7b3fb4;--grad: linear-gradient(120deg, #d53ba3 0%, #a64fae 55%, #7b5cc4 100%);--grad-soft: linear-gradient(120deg, rgba(213, 59, 163, .1), rgba(123, 92, 196, .1));--brand: var(--purple);--brand-50: #f5effb;--ink: #141833;--muted: #8b8fa8;--line: #ecebf3;--panel: #ffffff;--page: #f5f4fa;--chat-bg: #f3f1f8;--bubble-in: #ffffff;--bubble-out: #ece5fb;--wa-green: #22c55e;--shadow-sm: 0 1px 2px rgba(11, 18, 64, .06);--shadow-md: 0 10px 30px -12px rgba(11, 18, 64, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,Segoe UI,Roboto,sans-serif}::selection{background:#d53ba338}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#0b124024;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#0b124042}*::-webkit-scrollbar-track{background:transparent}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ant-btn-primary:not(:disabled):not(.ant-btn-dangerous){background:var(--grad);border:none}.ant-btn-primary:not(:disabled):not(.ant-btn-dangerous):hover{background:var(--grad);filter:brightness(1.08) saturate(1.05)}.ant-btn-primary:not(:disabled):not(.ant-btn-dangerous):active{filter:brightness(.95)}.app-sider.ant-layout-sider{background:radial-gradient(120% 60% at 0% 0%,#1a2391 0%,transparent 60%),linear-gradient(180deg,var(--navy) 0%,#050b4a 100%)!important;position:relative;overflow:hidden}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;position:relative;z-index:1}.app-sider .ant-layout-sider-trigger{background:#ffffff0f}.sider-glow{position:absolute;width:260px;height:260px;left:-80px;bottom:-90px;background:radial-gradient(circle,rgba(213,59,163,.45),transparent 65%);filter:blur(20px);pointer-events:none}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 22px 20px}.brand-logo{width:150px;height:auto;display:block}.brand-sub{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffffff8c;padding-left:2px}.brand-tile{display:none;width:40px;height:40px;border-radius:12px;background:#fff;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000040}.brand-tile img{width:28px;height:28px}.ant-layout-sider-collapsed .brand{align-items:center;padding:20px 0 16px}.ant-layout-sider-collapsed .brand-logo,.ant-layout-sider-collapsed .brand-sub,.ant-layout-sider-collapsed .sider-user-text{display:none}.ant-layout-sider-collapsed .brand-tile{display:inline-flex}.app-menu.ant-menu-dark{background:transparent;border:none;padding:6px 0}.app-menu.ant-menu-dark .ant-menu-item{border-radius:12px;margin:3px 12px;width:calc(100% - 24px);color:#ffffffad;font-weight:500;height:44px;line-height:44px}.app-menu.ant-menu-dark .ant-menu-item:hover:not(.ant-menu-item-selected){background:#ffffff12;color:#fff}.app-menu.ant-menu-dark .ant-menu-item-selected{background:var(--grad);color:#fff;font-weight:700;box-shadow:0 8px 22px -8px #d53ba3b3}.sider-user{margin-top:auto;padding:14px 12px 16px;border-top:1px solid rgba(255,255,255,.08)}.sider-user-inner{display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:12px;padding:8px;transition:background .15s}.sider-user-inner:hover{background:#ffffff12}.sider-avatar.ant-avatar{background:var(--grad);font-weight:700;flex-shrink:0;box-shadow:0 0 0 2px #ffffff26}.sider-user-name{font-weight:700;font-size:13px;line-height:1.25;color:#fff}.sider-user-role{font-size:12px;color:#ffffff8c}.ant-layout-sider-collapsed .sider-user-inner{justify-content:center}.app-content.ant-layout-content{overflow:hidden;background:var(--page)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-hero{position:relative;overflow:hidden;background:radial-gradient(90% 70% at 10% 0%,#17208f 0%,transparent 60%),linear-gradient(160deg,var(--navy) 0%,#040946 100%);color:#fff;display:flex;align-items:center;padding:56px}.login-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.75;animation:float 16s ease-in-out infinite}.orb-1{width:380px;height:380px;background:#d53ba3;right:-120px;top:-90px}.orb-2{width:300px;height:300px;background:#7b5cc4;left:-90px;bottom:-80px;animation-delay:-5s}.orb-3{width:180px;height:180px;background:#3a49ff;right:18%;bottom:14%;opacity:.45;animation-delay:-9s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-18px) scale(1.06)}66%{transform:translate(-18px,16px) scale(.96)}}.login-hero-inner{position:relative;z-index:1;max-width:520px}.login-logo{width:230px;height:auto;display:block;margin-bottom:48px}.login-title{font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.8px;margin:0 0 28px;color:#fff}.login-title .grad-text{background:linear-gradient(120deg,#ff7ccd,#c9a2ff);-webkit-background-clip:text;background-clip:text}.login-points{list-style:none;padding:0;margin:0;display:grid;gap:14px}.login-points li{display:flex;align-items:center;gap:12px;font-size:15px;color:#ffffffd1}.login-points .anticon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:#ffb3e3}.login-side{display:flex;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(70% 50% at 100% 0%,rgba(213,59,163,.07),transparent 70%),#fff}.login-card{width:100%;max-width:380px}.login-logo-mobile{display:none;width:170px;margin-bottom:28px}.login-foot{margin-top:28px;font-size:12px;color:var(--muted);text-align:center;letter-spacing:.3px}.btn-grad.ant-btn{height:48px;font-size:15px}.page{height:100%;overflow:auto;padding:28px 32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head h4.ant-typography{font-weight:800;letter-spacing:-.3px}.page .ant-table-wrapper{background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--line);overflow:hidden}.page .ant-card{border-radius:16px;box-shadow:var(--shadow-sm)}.center{display:flex;justify-content:center;align-items:center;padding:24px}.muted{color:var(--muted)}.inbox{display:flex;height:100%}.inbox-list{width:384px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line)}.inbox-list-head{padding:18px 16px 12px;display:flex;flex-direction:column;gap:12px}.list-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.list-title h5.ant-typography{font-size:20px;font-weight:800;letter-spacing:-.4px}.list-title .ant-btn{background:var(--grad-soft);color:var(--purple)}.acc-switch{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:#f2f0f8;padding:5px;border-radius:14px}.acc-pill{border:0;background:transparent;border-radius:10px;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;color:#5a5e78;transition:all .18s;font-family:inherit}.acc-pill:hover{background:#ffffffb3}.acc-pill.active{background:var(--grad);color:#fff;box-shadow:0 8px 18px -8px #c541a5cc}.acc-pill.active .acc-pill-phone{color:#fffc}.acc-pill-label{font-weight:800;font-size:13px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:6px}.acc-pill-phone{font-size:11px;color:var(--muted);white-space:nowrap}.acc-dot{background:var(--pink);color:#fff;border-radius:9px;font-size:10px;padding:0 6px;line-height:16px}.search.ant-input-affix-wrapper{background:#f2f0f8;border-color:transparent;border-radius:12px;padding:8px 12px}.search.ant-input-affix-wrapper:focus-within{background:#fff;border-color:var(--violet);box-shadow:0 0 0 3px #8a59af1f}.search-icon{color:#a4a3bb}.inbox-list-body{flex:1;overflow-y:auto;padding:2px 10px 10px}.conv{position:relative;display:flex;gap:12px;padding:11px 12px;cursor:pointer;border-radius:14px;margin-bottom:2px;transition:background .15s}.conv:hover{background:#f7f5fb}.conv.active{background:linear-gradient(120deg,#d53ba317,#7b5cc417)}.conv.active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--grad)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;letter-spacing:.3px}.conv-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.conv-top{display:flex;align-items:center;gap:6px}.conv-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--navy-ink)}.conv-src{margin:0;font-size:10px;line-height:16px;padding:0 6px;flex-shrink:0;border-radius:6px}.conv-time{font-size:11.5px;color:var(--muted);flex-shrink:0;margin-left:auto}.conv-phone{font-size:12px;color:var(--muted)}.conv-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.conv-last{font-size:13px;color:#6d7089;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.unread .conv-last{color:var(--ink);font-weight:600}.conv.unread .conv-time{color:var(--pink);font-weight:700}.conv-badge{background:var(--grad);color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:0 7px;line-height:20px;min-width:20px;text-align:center;flex-shrink:0;box-shadow:0 4px 10px -4px #d53ba3cc}.inbox-chat{flex:1;min-width:0;display:flex}.chat-empty{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;overflow:hidden;background:radial-gradient(60% 50% at 50% 40%,rgba(213,59,163,.07),transparent 70%),radial-gradient(50% 40% at 70% 70%,rgba(123,92,196,.08),transparent 70%),var(--page)}.chat-empty-art{position:relative;width:150px;height:110px;margin-bottom:14px}.chat-empty-art .bubble{position:absolute;border-radius:18px;box-shadow:var(--shadow-md);animation:bob 6s ease-in-out infinite}.chat-empty-art .b1{width:96px;height:40px;left:0;top:6px;background:#fff;border-bottom-left-radius:5px}.chat-empty-art .b2{width:110px;height:40px;right:0;top:38px;background:var(--grad);border-bottom-right-radius:5px;animation-delay:-2s}.chat-empty-art .b3{width:64px;height:28px;left:18px;top:78px;background:#fff;border-bottom-left-radius:5px;animation-delay:-4s;opacity:.9}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chat-empty-logo{width:150px;height:auto;opacity:.95}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:1}.chat-title{font-weight:800;font-size:15.5px;color:var(--navy-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.chat-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-phone{color:#5d6079}.chat-dot{color:#c9c7d6}.window-open{color:#16a34a;font-weight:600}.window-closed{color:#c2410c;font-weight:600}.chat-body{flex:1;overflow-y:auto;padding:20px 7%;background-color:var(--chat-bg);background-image:radial-gradient(rgba(11,18,64,.05) 1px,transparent 1px);background-size:20px 20px}.day-sep{display:flex;justify-content:center;margin:16px 0 10px}.day-sep span,.day-sep{font-size:12px;color:#5d6079;font-weight:600}.day-sep-pill{background:#fffffff2;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow-sm)}.msg{display:flex;margin:4px 0;animation:pop .18s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.msg.out{justify-content:flex-end}.msg-bubble{max-width:min(560px,68%);padding:8px 11px 6px;border-radius:16px;background:var(--bubble-in);box-shadow:0 1px 2px #0b124012;position:relative}.msg.in .msg-bubble{border-bottom-left-radius:5px}.msg.out .msg-bubble{background:var(--bubble-out);border-bottom-right-radius:5px}.msg-text{white-space:pre-wrap;word-break:break-word;font-size:14.2px;line-height:1.5;color:#15182e}.msg-meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;color:#7d7f96;margin-top:2px}.msg-by{font-weight:700;color:var(--purple)}.msg-tag{margin:0 0 5px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;color:#8a2f74;background:#d53ba31f;border-radius:6px;padding:1px 8px}.msg-img{display:block;max-width:100%;max-height:340px;border-radius:10px;margin-bottom:4px;cursor:zoom-in}.msg-file{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;background:#0b12400d;border-radius:10px;margin-bottom:4px;color:#15182e}.ticks{font-size:11px;color:#9b9cb2;letter-spacing:-2px}.ticks.read{color:#4f8cff}.composer{background:var(--chat-bg);padding:10px 18px 16px}.composer-row{display:flex;gap:8px;align-items:flex-end;background:#fff;border-radius:18px;padding:7px 7px 7px 6px;box-shadow:var(--shadow-md);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s}.composer-row:focus-within{border-color:#8a59af73;box-shadow:0 0 0 3px #8a59af1f,var(--shadow-md)}.composer-row .ant-input{border:none!important;box-shadow:none!important;background:transparent;padding-top:6px}.composer-row .ant-btn-primary{border-radius:12px;width:40px;height:36px}.composer-closed{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px;font-size:13px}.pending-file{font-size:13px;color:var(--purple);margin:0 4px 6px}.only-mobile{display:none}.wa-preview-bg{background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:18px 18px;border-radius:14px;padding:16px;min-height:200px}.wa-bubble{background:#fff;border-radius:10px;padding:8px 10px;max-width:320px;box-shadow:0 1px 1px #00000014}.wa-bubble.out{margin-left:auto;background:#dcf8c6}.wa-header{font-weight:700;margin-bottom:4px}.wa-body{white-space:pre-wrap;font-size:14px;line-height:1.45}.wa-footer{font-size:12px;color:var(--muted);margin-top:6px}.wa-media-ph{height:120px;background:#0000000f;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#555}.wa-buttons{margin:8px -10px -8px;border-top:1px solid rgba(0,0,0,.06)}.wa-btn{text-align:center;color:#027eb5;padding:8px;font-size:14px;border-bottom:1px solid rgba(0,0,0,.06)}.wa-btn:last-child{border-bottom:none}.tpl-send{display:grid;grid-template-columns:1fr 300px;gap:20px}.tpl-editor{display:grid;grid-template-columns:1fr 340px;gap:28px}.tpl-editor-side{position:sticky;top:0;align-self:start}.btn-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.ai-box{position:relative;border-radius:16px;padding:14px 16px;margin-bottom:20px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;border:1.5px solid transparent;box-shadow:0 10px 28px -16px #c541a58c}.ai-box-title{font-weight:800;margin-bottom:10px;display:flex;gap:6px;align-items:center;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-box-title .anticon{color:var(--pink)}.ai-box-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.ai-box-hint{font-size:12px}@media(max-width:960px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-logo-mobile{display:block}}@media(max-width:860px){.inbox-list{width:100%}.inbox-chat,.inbox.has-chat .inbox-list{display:none}.inbox.has-chat .inbox-chat{display:flex}.only-mobile{display:inline-flex}.chat-body{padding:12px}.msg-bubble{max-width:86%}.tpl-send,.tpl-editor{grid-template-columns:1fr}.page{padding:16px}.sider-user{display:none}}@media(prefers-reduced-motion:reduce){.orb,.chat-empty-art .bubble,.msg{animation:none}}