@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}.sidebar{background:var(--surface-white);border-radius:var(--container-radius);width:210px;padding:var(--layout-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[data-theme=dark] .sidebar{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-sm)}.sidebar.collapsed{width:86px;padding:var(--layout-gap)}.sidebar-top{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px;padding:0 4px;display:flex;position:relative}.sidebar.collapsed .sidebar-top{flex-direction:column;gap:16px;margin-bottom:24px}.company-logo{justify-content:flex-start;align-items:center;margin-left:19px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.company-logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #00000005);width:110px;max-width:100%;height:auto}[data-theme=dark] .company-logo-image{box-shadow:none;filter:brightness(0)invert();background:0 0;border-radius:0;padding:0}.sidebar.collapsed .company-logo{justify-content:center;margin-left:0!important}.sidebar.collapsed .company-logo-image{width:52px;padding:2px}.sidebar-toggle-new{background:var(--surface-soft-2);border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;right:auto}.sidebar.collapsed .sidebar-toggle-new{position:static}.sidebar-toggle-new:hover{background:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:var(--shadow-sm);transform:scale(1.08);color:#000!important}.menu-section{font-family:var(--font-cyber);color:#000;margin:6px 0 8px var(--space-xs);text-transform:uppercase;letter-spacing:1.5px;font-size:10.5px;font-weight:700}[data-theme=dark] .menu-section{color:var(--text-muted)}.menu-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#000;cursor:pointer;margin-bottom:var(--space-xs);transition:all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);border:1px solid #0000;align-items:center;gap:10px;font-weight:600;display:flex;position:relative}[data-theme=dark] .menu-item{color:var(--text-gray)}.menu-label{white-space:nowrap;transition:opacity .2s}.menu-item:hover{background:var(--brand-purple-light);color:var(--cyber-cyan);transform:translate(4px)}[data-theme=dark] .menu-item:hover{background:#22d3ee0a}.menu-item.active,[data-theme=dark] .menu-item.active{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#f36 0%,#3b82f6 100%)!important;border-color:#0000!important;box-shadow:0 8px 24px #ff336640,0 8px 24px #3b82f640!important}.menu-item.active svg,[data-theme=dark] .menu-item.active svg{stroke:#fff!important}.menu-item.active:before{display:none!important}@keyframes active-indicator-glow{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.sidebar.collapsed .menu-section,.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed .menu-item{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;padding:0;display:flex;position:relative}.sidebar.collapsed .menu-item:hover{transform:scale(1.04)}.sidebar-user{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .sidebar-user{background:var(--surface-white);border-color:var(--border-color)}.sidebar-user:hover{border-color:var(--cyber-cyan);box-shadow:var(--shadow-sm)}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.logout-button{color:#ef4444;cursor:pointer;background:#ef44440a;border:1px solid #ef444426;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.logout-button:hover,.logout-button:focus-visible{color:#dc2626;background:#ef44441a;border-color:#ef44444d;outline:none;transform:translateY(-1px);box-shadow:0 4px 12px #ef444414}.sidebar.collapsed .sidebar-user{justify-content:center;padding:10px;position:relative}.sidebar.collapsed .logout-button{justify-content:center;padding:12px}.sidebar.collapsed .logout-button span:not(.btn-icon){display:none}.sidebar-user-avatar{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.sidebar-user-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}[data-theme=dark] .sidebar-user-name{color:var(--text-dark)}.sidebar.collapsed .menu-item[data-tooltip],.sidebar.collapsed .sidebar-user[data-tooltip],.sidebar.collapsed .logout-button[data-tooltip]{position:relative}.sidebar.collapsed .menu-item[data-tooltip]:after,.sidebar.collapsed .sidebar-user[data-tooltip]:after,.sidebar.collapsed .logout-button[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:9999;background:#0f172af2;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)scale(.9);box-shadow:0 10px 25px #0003}.sidebar.collapsed .menu-item[data-tooltip]:before,.sidebar.collapsed .sidebar-user[data-tooltip]:before,.sidebar.collapsed .logout-button[data-tooltip]:before{content:"";opacity:0;pointer-events:none;z-index:9999;border:4px solid #0000;border-right-color:#0f172af2;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.sidebar.collapsed .menu-item[data-tooltip]:hover:after,.sidebar.collapsed .sidebar-user[data-tooltip]:hover:after,.sidebar.collapsed .logout-button[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.sidebar.collapsed .menu-item[data-tooltip]:hover:before,.sidebar.collapsed .sidebar-user[data-tooltip]:hover:before,.sidebar.collapsed .logout-button[data-tooltip]:hover:before{opacity:1}.mobile-sidebar-overlay{z-index:990;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=1024px){.sidebar{z-index:999;border-radius:0 16px 16px 0;width:72%;max-width:260px;height:calc(100vh - 56px);transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:56px;left:-100%}.sidebar.mobile-open{left:0}.mobile-sidebar-overlay{height:calc(100vh - 56px);display:block;top:56px}.sidebar-toggle-new{display:none!important}}@media (width<=768px){.sidebar,.mobile-sidebar-overlay{height:calc(100vh - 52px)!important;top:52px!important}}@media (width<=480px){.sidebar{border-radius:0 14px 14px 0!important;width:78%!important;max-width:240px!important;height:calc(100vh - 52px)!important;padding:16px 12px!important;top:52px!important}.sidebar-top{margin-bottom:20px!important}.menu-item{margin-bottom:4px!important;padding:10px 12px!important;font-size:13px!important}.sidebar-user{padding:10px 12px!important}.logout-button{padding:10px!important;font-size:13px!important}}@keyframes notif-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes notif-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes notif-progress{0%{width:100%}to{width:0%}}@keyframes badge-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ff3b3080}50%{box-shadow:0 0 0 6px #ff3b3000}}.notif-toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:72px;right:20px}.notif-toast{pointer-events:all;background:var(--surface-white,#fff);cursor:pointer;border:1px solid #0000000f;border-radius:16px;width:340px;transition:transform .15s,box-shadow .15s;animation:.38s cubic-bezier(.34,1.56,.64,1) forwards notif-slide-in;overflow:hidden;box-shadow:0 12px 40px #00000029,0 2px 8px #00000014}.notif-toast:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 20px 50px #0003}.notif-toast.leaving{animation:.3s forwards notif-slide-out}.notif-toast-header{border-bottom:1px solid #0000000d;align-items:center;gap:8px;padding:10px 14px 6px;display:flex}.notif-toast-app-icon{background:#25d366;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.notif-toast-app-name{color:var(--text-gray,#888);letter-spacing:.3px;text-transform:uppercase;flex:1;font-size:11px;font-weight:700}.notif-toast-time{color:var(--text-gray,#aaa);font-size:11px}.notif-toast-close{cursor:pointer;color:var(--text-gray,#aaa);opacity:.6;background:0 0;border:none;align-items:center;padding:0;font-size:16px;line-height:1;transition:opacity .15s;display:flex}.notif-toast-close:hover{opacity:1}.notif-toast-body{align-items:center;gap:12px;padding:10px 14px 12px;display:flex}.notif-toast-avatar{color:#fff;letter-spacing:-.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.notif-toast-content{flex:1;min-width:0}.notif-toast-name{color:var(--text-dark,#1a1a1a);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.notif-toast-message{color:var(--text-gray,#777);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-toast-progress{background:#25d366;border-radius:0 0 16px 16px;height:3px;animation:linear forwards notif-progress}.notif-bell-btn{cursor:pointer;width:36px;height:36px;color:var(--text-gray,#888);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-bell-btn:hover{color:var(--brand-purple,#7c4dff);background:var(--brand-purple-light,#7c4dff14);transform:scale(1.05)}.notif-badge{color:#fff;border:2px solid var(--surface-white,#fff);letter-spacing:-.3px;background:#ff3b30;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;animation:2s infinite badge-pulse;display:flex;position:absolute;top:-2px;right:-2px}.notif-badge.pop{animation:.35s badge-pop,2s .35s infinite badge-pulse}.notif-dropdown{background:var(--surface-white,#fff);border:1px solid var(--border-color,#00000014);z-index:10000;transform-origin:100% 0;border-radius:20px;width:380px;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards notif-slide-in;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000024,0 4px 16px #0000000f}.notif-dropdown-header{border-bottom:1px solid var(--border-color,#00000012);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.notif-dropdown-title{color:var(--text-dark,#1a1a1a);font-size:15px;font-weight:800}.notif-clear-all-btn{cursor:pointer;background:#ef44440f;border:1px solid #ef44441a;border-radius:20px;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 4px #ef444405;color:#ef4444!important}.notif-clear-all-btn svg{stroke:#ef4444;transition:transform .25s}.notif-clear-all-btn:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.05)translateY(-.5px);box-shadow:0 4px 12px #ef444433;color:#fff!important}.notif-clear-all-btn:hover svg{stroke:#fff;transform:rotate(12deg)scale(1.05)}.notif-clear-all-btn:active{transform:scale(.95)translateY(0)}.notif-list{scrollbar-width:thin;max-height:420px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:var(--border-color,#0000001a);border-radius:2px}.notif-card{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-card:hover{background:var(--bg-main,#00000005)}.notif-card.unread{border-left-color:var(--brand-purple,#7c4dff);background:#7c4dff0a}.notif-card.unread:hover{background:#7c4dff14}.notif-card+.notif-card{border-top:1px solid var(--border-color,#0000000d)}.notif-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;font-size:14px;font-weight:800;display:flex}.notif-card-content{flex:1;min-width:0}.notif-card-name{color:var(--text-dark,#1a1a1a);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.notif-card-msg{color:var(--text-gray,#888);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-card-time{color:var(--text-gray,#aaa);margin-top:4px;font-size:10.5px;font-weight:500}.notif-unread-dot{background:var(--brand-purple,#7c4dff);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-empty{color:var(--text-gray,#aaa);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.notif-empty-icon{opacity:.4;font-size:40px}.notif-empty-text{text-align:center;font-size:13px;font-weight:600}.dashboard-header{background:var(--surface-white);box-shadow:var(--shadow-sm);z-index:2000;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--border-color)!important;border-radius:var(--container-radius)!important;height:56px!important;margin:0!important;padding:0 24px 0 20px!important}.dashboard-header:before{content:"";-webkit-backdrop-filter:blur(20px);border-radius:inherit;z-index:-1;pointer-events:none;position:absolute;inset:0}[data-theme=dark] .dashboard-header{background:var(--glass-bg);box-shadow:0 4px 20px -2px #0006;border-color:var(--glass-border)!important}.header-tab{font-family:var(--font-cyber);color:var(--text-gray);cursor:pointer;border-radius:20px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-tab.active{background:var(--brand-purple-light);color:var(--cyber-cyan);box-shadow:inset 0 0 0 1px var(--cyber-cyan-glow)}[data-theme=dark] .header-tab.active{color:var(--cyber-cyan);background:#22d3ee0d;box-shadow:inset 0 0 0 1.5px #22d3ee33}.header-tab:hover:not(.active){background:var(--surface-soft);color:var(--text-dark)}.premium-theme-toggle{border:1.5px solid var(--border-color);background:var(--surface-soft);width:36px;height:36px;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .premium-theme-toggle{background:var(--surface-soft);color:var(--cyber-cyan);border-color:var(--border-color)}.premium-theme-toggle:hover{color:var(--brand-purple);border-color:var(--brand-purple);box-shadow:0 0 12px var(--brand-purple-glow);transform:scale(1.05)rotate(15deg)}[data-theme=dark] .premium-theme-toggle:hover{color:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:0 0 12px var(--cyber-cyan-glow)}.premium-theme-toggle svg{width:18px;height:18px;transition:transform .3s}.search-result-item{border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.search-result-item:hover{transform:translate(4px);background:var(--brand-purple-light)!important}[data-theme=dark] .search-result-item:hover{color:var(--cyber-cyan);background:#22d3ee14!important}.search-bar-mini>div{background:var(--surface-white)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important;border-radius:16px!important}[data-theme=dark] .search-bar-mini>div{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#090b14f2!important;border-color:#ffffff14!important;box-shadow:0 10px 40px #0009!important}.profile-dropdown-card{transform-origin:100% 0;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdown-fade-in}[data-theme=dark] .profile-dropdown-card{background:#121214f2!important;border-color:#ffffff14!important;box-shadow:0 10px 40px #0009!important}.dropdown-item-hover:hover{background:var(--brand-purple-light)!important;color:var(--brand-purple)!important}[data-theme=dark] .dropdown-item-hover:hover{color:var(--cyber-cyan)!important;background:#22d3ee14!important}.dropdown-item-hover-danger:hover{color:#ef4444!important;background:#ef444414!important}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.realtime-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.realtime-status-badge.connected{color:#10b981;background:#10b98114;border:1px solid #10b98133}.realtime-status-badge.disconnected{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.realtime-pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.realtime-pulse-dot.connected{background:#10b981;animation:2s infinite realtime-pulse-green;box-shadow:0 0 8px #10b98199}.realtime-pulse-dot.disconnected{background:#ef4444;animation:2s infinite realtime-pulse-red}@keyframes realtime-pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes realtime-pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.mobile-hamburger-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:none}.mobile-hamburger-btn:hover{background:var(--surface-soft)}@media (width<=1024px){.mobile-hamburger-btn{display:flex}}@media (width<=768px){.premium-theme-toggle{border-radius:8px!important;width:30px!important;height:30px!important}.premium-theme-toggle svg{width:15px!important;height:15px!important}.settings-tab-switcher{display:none!important}.dashboard-header{gap:6px;box-sizing:border-box!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 14px!important}.header-left-section{flex:auto;min-width:0;gap:6px!important}.header-left-section h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100px;margin:0;overflow:hidden;font-size:16px!important}.realtime-status-badge{white-space:nowrap;flex-shrink:0;gap:4px!important;padding:2px 6px!important;font-size:10px!important}.realtime-pulse-dot{width:6px!important;height:6px!important}.header-search-container{display:none!important}.header-right-icons{flex-shrink:0;gap:6px!important}.avatar,.notif-bell-btn{flex-shrink:0;width:30px!important;height:30px!important;font-size:11px!important}.header-tab{white-space:nowrap;padding:6px 12px;font-size:12px}.config-switcher-btn{border-radius:8px!important;gap:4px!important;padding:4px 8px!important;font-size:11px!important}.config-switcher-btn .config-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;display:inline-block;overflow:hidden}}@media (width<=480px){.realtime-prefix{display:none!important}.realtime-status-badge{padding:2px 6px!important;font-size:9px!important}.config-switcher-btn{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:80px!important;padding:4px 6px!important;font-size:10px!important;overflow:hidden!important}.config-dropdown-container{max-width:100px!important}.header-left-section h1{max-width:90px!important;font-size:15px!important}.avatar,.notif-bell-btn{width:28px!important;height:28px!important}}.analytics-page{gap:var(--layout-gap);box-sizing:border-box;flex-direction:column;min-height:100%;padding:0;display:flex}.an-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.an-section-title{align-items:center;gap:12px;display:flex}.an-section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.an-section-icon.purple{background:var(--brand-purple-light);color:var(--brand-purple);border:1px solid var(--brand-purple-glow)}.an-section-icon.teal{color:var(--cyber-cyan);border:1px solid var(--cyber-cyan-glow);background:#0891b214}.an-section-label{color:var(--text-dark);letter-spacing:-.03em;font-size:20px;font-weight:800}.an-section-sub{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:500}.an-view-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--surface-white);color:var(--text-gray);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.an-view-btn:hover{border-color:var(--brand-purple);color:var(--brand-purple);background:var(--brand-purple-light);transform:translateY(-1px)}.an-tab-row{background:var(--border-color);border:1px solid var(--border-color);border-radius:99px;gap:4px;width:fit-content;padding:4px;display:flex}.an-tab{cursor:pointer;color:var(--toggle-text);letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:99px;outline:none;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.an-tab:hover:not(.active){background:var(--brand-purple-light);color:var(--brand-purple)}.an-tab.active{background:var(--surface-white);color:var(--toggle-text);border-color:var(--border-color);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .an-tab{color:var(--text-dark)}[data-theme=dark] .an-tab.active{background:var(--surface-soft-2);color:var(--text-dark);box-shadow:0 2px 8px #0006}.an-tab-dot{border-radius:50%;width:7px;height:7px}.an-tab-dot.green{background:#10b981;box-shadow:0 0 6px #10b98199}.an-tab-dot.purple{background:var(--brand-purple);box-shadow:0 0 6px #6366f180}.an-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.an-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.an-campaign-filter-pill{background:var(--surface-white);border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;min-width:140px;max-width:220px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.an-campaign-filter-pill:hover{border-color:var(--brand-purple);color:var(--brand-purple)}[data-theme=dark] .an-campaign-filter-pill{background:var(--surface-soft)}.an-campaign-filter-menu{background:var(--surface-white);border:1px solid var(--border-color);z-index:49;border-radius:14px;min-width:260px;animation:.18s cubic-bezier(.4,0,.2,1) an-dropdown-in;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f}@keyframes an-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .an-campaign-filter-menu{background:var(--surface-soft);box-shadow:0 8px 32px #00000080}.an-campaign-filter-option{cursor:pointer;width:100%;color:var(--text-dark);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 10px;font-family:inherit;font-size:12.5px;transition:background .15s;display:flex}.an-campaign-filter-option:hover{background:var(--brand-purple-light)}.an-campaign-filter-option.active{background:var(--brand-purple-light);color:var(--brand-purple);font-weight:700}@media (width<=640px){.an-topbar{flex-direction:column;align-items:flex-start}.an-filter-group{justify-content:flex-end;width:100%}.an-campaign-filter-pill{flex:1;min-width:120px;max-width:none}}.an-date-pill{background:var(--surface-white);border:1px solid var(--border-color);color:var(--text-gray);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.an-date-pill:hover{border-color:var(--brand-purple);color:var(--brand-purple)}.an-date-menu{background:var(--surface-white);border:1px solid var(--border-color);min-width:220px;box-shadow:var(--shadow-sm);z-index:20;border-radius:14px;padding:8px;position:absolute;top:46px;right:0}.an-date-option{width:100%;color:var(--text-gray);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:600}.an-date-option:hover,.an-date-option.active{background:var(--brand-purple-light);color:var(--brand-purple)}.an-date-divider{background:var(--border-color);height:1px;margin:8px 4px}.an-date-custom{gap:8px;margin-top:8px;display:grid}.an-date-custom input{border:1px solid var(--border-color);background:var(--surface-soft);width:100%;color:var(--text-dark);box-sizing:border-box;border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:600}.an-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.an-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.analytics-page{padding:8px!important}}@media (width<=480px){.an-kpi-grid{grid-template-columns:1fr}}.an-kpi-card{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:default;border-radius:12px;flex-direction:column;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.an-kpi-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 6px 20px #0000000d,0 2px 6px #00000008}[data-theme=dark] .an-kpi-card{background:var(--surface-white);border-color:var(--glass-border)}[data-theme=dark] .an-kpi-card:hover{border-color:var(--brand-purple-glow);box-shadow:0 6px 20px #0000004d}.an-kpi-card:before{content:"";opacity:0;border-radius:12px 12px 0 0;height:2.5px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.an-kpi-card:hover:before{opacity:1}.an-kpi-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.an-kpi-card.purple:before{background:linear-gradient(90deg, var(--brand-purple), #8b5cf6)}.an-kpi-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.an-kpi-card.blue:before{background:linear-gradient(90deg, var(--cyber-cyan), #38bdf8)}.an-kpi-card.amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.an-kpi-card.pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.an-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.an-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.an-kpi-icon.green{color:#10b981;background:#10b9811a}.an-kpi-icon.purple{background:var(--brand-purple-light);color:var(--brand-purple)}.an-kpi-icon.red{color:#ef4444;background:#ef44441a}.an-kpi-icon.blue{background:var(--cyber-cyan-glow);color:var(--cyber-cyan)}.an-kpi-icon.amber{color:#f59e0b;background:#f59e0b1a}.an-kpi-icon.pink{color:#ec4899;background:#ec48991a}.an-kpi-trend{border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10.5px;font-weight:700;display:flex}.an-kpi-trend.up{color:#10b981;background:#10b98114}.an-kpi-trend.down{color:#ef4444;background:#ef444414}.an-kpi-trend.neutral{color:var(--text-muted);background:var(--surface-soft)}.an-kpi-value{font-family:var(--font-cyber);color:var(--text-dark);letter-spacing:-.02em;margin-bottom:2px;font-size:22px;font-weight:700;line-height:1}.an-kpi-label{color:var(--text-muted);margin-bottom:8px;font-size:11.5px;font-weight:600}.an-sparkline{align-items:flex-end;gap:3px;height:20px;display:flex}.an-spark-bar{opacity:.65;border-radius:3px 3px 0 0;flex:1;transition:opacity .2s,height .5s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) forwards sparkGrow}@keyframes sparkGrow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.an-kpi-card:hover .an-spark-bar{opacity:1}.an-kpi-progress{background:var(--surface-soft);border-radius:10px;height:4px;margin-top:12px;overflow:hidden}.an-kpi-progress-fill{border-radius:10px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.an-charts-grid,.an-charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.an-charts-grid,.an-charts-row{grid-template-columns:1fr}}.an-chart-card{background:var(--surface-white);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:30px 32px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.an-chart-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 12px 32px #0000000f,0 4px 8px #00000008}[data-theme=dark] .an-chart-card{background:var(--surface-white);border-color:var(--glass-border)}.an-chart-title{color:var(--brand-purple);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:16px;font-weight:800}.an-chart-sub{color:var(--text-muted);margin-bottom:20px;font-size:12px;font-weight:500}.an-chart-legend{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.an-legend-item{color:var(--text-gray);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.an-legend-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 2px 6px #00000026}.an-svg-wrap{width:100%;overflow:visible}.an-funnel{flex-direction:column;gap:10px;padding:8px 0;display:flex}.an-funnel-row{align-items:center;gap:12px;display:flex}.an-funnel-label{width:80px;color:var(--text-gray);text-align:right;flex-shrink:0;font-size:12px;font-weight:700}.an-funnel-bar-wrap{background:var(--surface-soft);border-radius:8px;flex:1;height:32px;position:relative;overflow:hidden}.an-funnel-bar{color:#fff;border-radius:8px;align-items:center;height:100%;padding-left:12px;font-size:12.5px;font-weight:800;transition:width 1.2s cubic-bezier(.4,0,.2,1);animation:1s cubic-bezier(.4,0,.2,1) forwards funnelSlide;display:flex}@keyframes funnelSlide{0%{width:0!important}}.an-funnel-pct{width:46px;color:var(--text-dark);text-align:right;flex-shrink:0;font-size:12.5px;font-weight:800}.an-donut-wrap{align-items:center;gap:32px;width:100%;display:flex}.an-donut-labels{flex-direction:column;gap:4px;min-width:140px;display:flex}.an-donut-label-row{color:var(--text-gray);cursor:default;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.an-donut-label-row:hover{background:var(--surface-soft-2);transform:translate(4px)}.an-donut-label-val{color:var(--text-dark);margin-left:auto;font-size:15px;font-weight:800}.an-table-card{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}[data-theme=dark] .an-table-card{background:var(--surface-white);border-color:var(--glass-border)}.an-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:22px 24px 16px;display:flex}.an-table-head-row{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-soft);border-bottom:1px solid var(--border-color);padding:10px 24px;font-size:11px;font-weight:800;display:grid}.an-table-grid-c{grid-template-columns:2fr 1fr 1fr 1fr 1fr 100px}.an-table-grid-i{grid-template-columns:2fr 1fr 1fr 1fr 1fr 80px}.an-table-row{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;padding:14px 24px;transition:background .15s;display:grid}.an-table-row:last-child{border-bottom:none}.an-table-row:hover{background:var(--surface-soft)}.an-table-name{color:var(--text-dark);align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.an-table-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.an-table-meta{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:500}.an-table-val{color:var(--text-dark);font-size:13.5px;font-weight:700}.an-table-sub{color:var(--text-muted);font-size:11px;font-weight:500}.an-mini-progress{flex-direction:column;gap:4px;display:flex}.an-mini-bar{background:var(--surface-soft);border-radius:10px;height:4px;overflow:hidden}.an-mini-fill{border-radius:10px;height:100%}.an-score-badge{border-radius:8px;justify-content:center;align-items:center;width:44px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.an-score-badge.high{color:#10b981;background:#10b9811a}.an-score-badge.medium{color:#f59e0b;background:#f59e0b1a}.an-score-badge.low{color:#ef4444;background:#ef44441a}.an-status-badge{border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.an-status-badge .dot{border-radius:50%;width:6px;height:6px}.an-status-badge.active{color:#10b981;background:#10b98114;border-color:#10b98133}.an-status-badge.active .dot{background:#10b981;box-shadow:0 0 6px #10b981b3}.an-status-badge.completed{color:var(--brand-purple);border-color:var(--brand-purple-glow);background:#6366f114}.an-status-badge.completed .dot{background:var(--brand-purple)}.an-status-badge.paused{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.an-status-badge.paused .dot{background:#f59e0b}.an-status-badge.failed{color:#ef4444;background:#ef444414;border-color:#ef444433}.an-status-badge.failed .dot{background:#ef4444}.an-activity-feed{flex-direction:column;gap:0;max-height:340px;display:flex;overflow-y:auto}.an-feed-item{cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.an-feed-item:hover{background:var(--surface-soft)}.an-feed-item+.an-feed-item{border-top:1px solid var(--border-color)}.an-feed-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.an-feed-body{flex:1;min-width:0}.an-feed-title{color:var(--text-dark);margin-bottom:2px;font-size:13px;font-weight:700}.an-feed-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.an-feed-time{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:11px;font-weight:600}.an-live-dot{color:#10b981;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.an-live-dot:before{content:"";background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite liveRing;display:inline-block;box-shadow:0 0 #10b98199}@keyframes liveRing{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.an-customer-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=1280px){.an-customer-grid{grid-template-columns:repeat(2,1fr)}}.an-customer-card{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;padding:18px 20px;transition:all .2s}.an-customer-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 6px 24px #0000000f}[data-theme=dark] .an-customer-card{background:var(--surface-white);border-color:var(--glass-border)}.an-customer-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.an-customer-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.an-customer-name{color:var(--text-dark);letter-spacing:-.01em;font-size:14px;font-weight:800}.an-customer-phone{color:var(--text-muted);margin-top:1px;font-size:11.5px;font-weight:500}.an-customer-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.an-customer-stat{background:var(--surface-soft);border-radius:10px;padding:8px 10px}.an-cstat-val{color:var(--text-dark);font-size:16px;font-weight:800;font-family:var(--font-cyber);letter-spacing:-.02em}.an-cstat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10.5px;font-weight:600}.an-section-divider{background:var(--border-color);height:1px;margin:8px 0}.an-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.an-empty-icon{background:var(--surface-soft);width:64px;height:64px;color:var(--text-muted);border-radius:20px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.an-empty-title{color:var(--text-dark);margin-bottom:6px;font-size:16px;font-weight:800}.an-empty-desc{color:var(--text-muted);max-width:260px;font-size:13px;line-height:1.6}.an-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.an-modal{background:var(--surface-white);width:95vw;max-width:1200px;height:85vh;box-shadow:0 40px 80px #0003, 0 0 0 1px var(--border-color);border-radius:24px;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) modalSlide;display:flex;overflow:hidden}[data-theme=dark] .an-modal{background:var(--surface-white);box-shadow:0 40px 80px #00000080, 0 0 0 1px var(--glass-border)}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.an-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.an-modal-title{color:var(--text-dark);letter-spacing:-.03em;font-size:20px;font-weight:800}.an-modal-body{flex:1;display:flex;overflow:hidden}.an-modal-left{border-right:1px solid var(--border-color);background:var(--surface-soft);flex-direction:column;flex-shrink:0;gap:8px;width:340px;padding:16px;display:flex;overflow-y:auto}.an-modal-right{background:var(--bg-main);flex-direction:column;flex:1;gap:24px;padding:28px 32px;display:flex;overflow-y:auto}.an-camp-item{background:var(--surface-white);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;padding:14px 16px 14px 18px;transition:all .18s;position:relative}.an-camp-item:hover{border-color:var(--brand-purple-glow);box-shadow:var(--shadow-sm)}.an-camp-item.selected{border-color:var(--brand-purple);background:var(--brand-purple-light);box-shadow:0 0 0 1px var(--brand-purple)}.an-camp-item:before{content:"";opacity:0;background:#10b981;border-radius:0 3px 3px 0;width:3px;transition:opacity .2s;position:absolute;top:10px;bottom:10px;left:0}.an-camp-item.selected:before{opacity:1}.an-camp-name{color:var(--text-dark);margin-bottom:4px;font-size:13.5px;font-weight:700}.an-camp-meta{color:var(--text-muted);gap:12px;font-size:11.5px;font-weight:500;display:flex}.an-camp-meta-val{color:var(--text-gray);font-weight:700}.an-modal-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.an-modal-kpi{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 14px}.an-modal-kpi-val{font-family:var(--font-cyber);color:var(--text-dark);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1}.an-modal-kpi-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.an-modal-left,.an-modal-right,.an-activity-feed{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.an-section-enter{animation:.3s sectionFade}@keyframes sectionFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.an-hero{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 45%,#0891b2 100%);border-radius:22px;justify-content:space-between;align-items:center;padding:28px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f140}.an-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 60%);border-radius:50%;width:480px;height:480px;position:absolute;top:-180px;right:-120px}.an-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0891b22e 0%,#0000 60%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;left:30%}.an-hero-left h1{letter-spacing:-.03em;margin:0 0 8px;font-size:26px;font-weight:800}.an-hero-left p{opacity:.82;margin:0;font-size:13.5px;font-weight:500}.an-hero-stats{z-index:1;gap:32px;display:flex;position:relative}.an-hero-stat{text-align:center}.an-hero-stat-val{font-family:var(--font-cyber);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}.an-hero-stat-label{opacity:.72;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.an-hero-left{z-index:1;position:relative}.an-hour-chart{align-items:flex-end;gap:4px;height:64px;display:flex}.an-hour-bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-height:8px;transition:opacity .2s}.an-hour-bar:hover{opacity:.85}.an-hour-labels{gap:4px;margin-top:4px;display:flex}.an-hour-label{color:var(--text-muted);text-align:center;flex:1;font-size:9px;font-weight:600}@media (width<=1024px){.analytics-page{padding:20px}.an-grid{grid-template-columns:repeat(2,1fr)!important}.an-hero{flex-direction:column;align-items:flex-start;gap:24px}.an-hero-stats{justify-content:space-between;width:100%}}@media (width<=768px){.an-tab-row{width:100%;display:flex}.an-tab{flex:1;justify-content:center;padding:8px 12px;font-size:12.5px}.analytics-kpi-card{gap:12px!important;min-height:140px!important;padding:16px 16px 0!important}.analytics-kpi-card>div:nth-child(2){margin-bottom:8px!important}.an-grid,.an-customer-grid,.an-charts-grid,.an-layout{gap:16px;grid-template-columns:1fr!important}.an-hero{border-radius:16px;padding:24px}.an-hero-stats{flex-direction:column;align-items:flex-start;gap:16px}.analytics-page{gap:16px!important;padding:8px!important}.an-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.an-kpi-card{padding:10px 12px!important}.an-kpi-value{font-size:18px!important}.an-charts-grid,.an-charts-row{grid-template-columns:1fr!important;gap:12px!important}.an-chart-card{border-radius:16px!important;padding:16px!important}.an-section-header{flex-direction:column;align-items:flex-start;gap:10px}.an-tab-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow-x:auto}.an-tab-row::-webkit-scrollbar{display:none}.an-tab{white-space:nowrap;flex:1;justify-content:center;padding:7px 10px;font-size:12px}.an-topbar{flex-direction:column;align-items:flex-start;gap:10px}.an-filter-group{width:100%}.an-campaign-filter-pill{flex:1;min-width:0;max-width:none}.an-hero{border-radius:16px;flex-direction:column;align-items:flex-start;gap:20px;padding:20px 18px}.an-hero-left h1{font-size:20px!important}.an-hero-stats{flex-flow:wrap;justify-content:flex-start;gap:16px;width:100%}.an-hero-stat{text-align:left}.an-hero-stat-val{font-size:22px!important}.an-table-card{overflow-x:auto!important}.an-table-header{flex-wrap:wrap;gap:8px;padding:14px 16px 10px!important}.an-table-head-row{padding:8px 16px!important;font-size:10px!important}.an-table-row{padding:12px 16px!important}.an-customer-list-item{gap:10px!important;padding:8px 10px!important}.an-customer-list-stats{gap:10px!important}.an-activity-feed{max-height:260px}.an-funnel-label{width:60px!important;font-size:11px!important}.an-funnel-pct{width:38px!important;font-size:11px!important}.an-donut-wrap{flex-direction:column;align-items:flex-start;gap:16px}.an-layout,.an-customer-grid{grid-template-columns:1fr!important;gap:12px!important}.an-modal{margin:16px auto;border-radius:20px!important;width:98%!important;height:92vh!important}.an-modal-body{flex-direction:column!important}.an-modal-left{border-bottom:1px solid var(--border-color);max-height:200px;border-right:none!important;width:100%!important}.an-modal-right{padding:16px!important}.an-modal-kpi-row{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.analytics-page{gap:12px!important;padding:6px!important}.an-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.an-kpi-card{padding:8px 10px!important}.an-kpi-value{font-size:16px!important}.an-kpi-label{font-size:10px!important}.an-kpi-trend{padding:1px 4px!important;font-size:9px!important}.an-section-label{font-size:16px!important}.an-chart-card{border-radius:14px!important;padding:14px 12px!important}.an-chart-title{font-size:13px!important}.an-hero{gap:16px!important;padding:16px 14px!important}.an-hero-left h1{font-size:17px!important}.an-hero-stats{gap:12px!important}.an-hero-stat-val{font-size:18px!important}.an-tab{padding:6px 8px!important;font-size:11px!important}.an-campaign-filter-pill{padding:6px 10px!important;font-size:11px!important}.an-table-head-row,.an-table-row{min-width:400px}.an-customer-list-item{padding:6px 8px!important}.an-customer-name{font-size:12.5px!important}.an-customer-phone{font-size:10.5px!important}.an-customer-list-stat .stat-val{font-size:11.5px!important}.an-score-badge{width:36px!important;height:20px!important;font-size:10px!important}.an-modal-kpi-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.an-modal-kpi-val{font-size:18px!important}}.an-customer-list-wrapper{flex-direction:column;gap:6px;height:290px;padding-right:8px;display:flex;overflow-y:auto}.an-customer-list-wrapper::-webkit-scrollbar{width:6px}.an-customer-list-wrapper::-webkit-scrollbar-track{background:0 0}.an-customer-list-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.an-customer-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--brand-purple-light)}.an-customer-list-item{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.an-customer-list-item:hover{background:var(--surface-soft-2);border-color:#6366f140;transform:translate(2px);box-shadow:0 4px 12px #0000000a}[data-theme=dark] .an-customer-list-item{background:var(--surface-white);border-color:var(--glass-border)}[data-theme=dark] .an-customer-list-item:hover{background:var(--surface-soft)}.an-customer-list-left{flex:1;align-items:center;gap:12px;display:flex}.an-customer-details{flex-direction:column;gap:1px;display:flex}.an-customer-list-stats{align-items:center;gap:20px;display:flex}.an-customer-list-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.an-customer-list-stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:600}.an-customer-list-stat .stat-val{color:var(--text-dark);font-size:13px;font-weight:700;font-family:var(--font-cyber)}.an-customer-list-right{align-items:center;gap:12px;display:flex}.an-chevron-indicator{color:var(--text-muted);opacity:.5;align-items:center;transition:all .2s;display:flex}.an-customer-list-item:hover .an-chevron-indicator{opacity:1;color:var(--brand-purple);transform:translate(2px)}@media (width<=600px){.an-customer-list-stats{gap:10px}.hide-mobile{display:none!important}}:root{--brand-purple:var(--brand-purple,#6366f1);--brand-purple-accent:var(--brand-purple);--brand-purple-light:var(--brand-purple-light,#6366f114);--wa-teal:#10b981;--wa-teal-dark:#059669}.creator-top-bar{z-index:100;background:var(--bg-main);justify-content:flex-end;align-items:center;margin-bottom:4px;padding-top:8px;padding-bottom:8px;display:flex;position:sticky;top:0}.premium-back-btn{border:1.5px solid var(--border-color);background:var(--surface-white);width:42px;height:42px;color:var(--brand-purple);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.premium-back-btn:hover{background:var(--brand-purple);border-color:var(--brand-purple);box-shadow:var(--shadow-sm);transform:translate(-4px);color:#fff!important}.creator-title{color:var(--text-dark);letter-spacing:-.5px;margin:0;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.creator-subtitle{color:var(--text-gray);margin:4px 0 0;font-size:14px}.creator-actions{gap:10px;display:flex}.creator-actions button{border-radius:8px;padding:8px 16px;font-size:13px}.template-builder-container{align-items:flex-start;gap:4px;width:100%;display:flex}.template-form-section{flex-direction:column;flex:1;gap:4px;display:flex}.form-card{background:var(--surface-white);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);border-radius:20px;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.form-card:hover{border-color:#6366f126;transform:translateY(-2px);box-shadow:0 12px 32px #0000000f,0 4px 8px #00000008}[data-theme=dark] .form-card{background:var(--glass-bg);border-color:var(--glass-border)}.section-title{color:var(--brand-purple);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:0 0 16px;font-size:15px;font-weight:800;display:flex}.form-row{gap:20px;margin-bottom:20px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.flex-2{flex:2}.form-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.8px;font-size:11.5px;font-weight:800}.sub-label{color:var(--text-muted);font-size:11.5px;font-weight:700}.form-input,.form-select,.form-textarea{color:var(--text-dark);background:var(--surface-soft);border:1.5px solid #0000;border-radius:14px;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000003}.form-input.sm{padding:8px 12px}.form-input:hover,.form-select:hover,.form-textarea:hover{background:var(--surface-soft-2)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-purple);background:var(--surface-white);box-shadow:0 0 0 4px var(--brand-purple-light), 0 4px 12px #6366f11a;outline:none}.form-textarea{resize:vertical;min-height:140px}.header-type-selector{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:12px;padding:6px;display:inline-flex;box-shadow:inset 0 2px 4px #00000005}.type-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-btn:hover{color:var(--text-dark)}.type-btn.active{background:var(--surface-white);color:var(--brand-purple);box-shadow:0 4px 12px #0000000d,0 1px 3px #00000005}.header-content-box{margin-top:12px}.file-upload-zone{color:var(--text-gray);cursor:pointer;background:#6366f105;border:2px dashed #6366f14d;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.file-upload-zone:hover{border-color:var(--brand-purple-accent);background:var(--brand-purple-light)}.textarea-container,.input-with-counter{flex-direction:column;display:flex;position:relative}.char-counter{color:var(--text-gray);background:var(--surface-white);box-shadow:var(--shadow-sm);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.char-counter.body{bottom:12px}.char-counter.limit{color:#ef4444}.variable-samples-container{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:16px;margin-top:20px;padding:16px;box-shadow:inset 0 2px 8px #00000003}.sample-title{color:var(--text-dark);margin:0 0 16px;font-size:13px;font-weight:700}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.sample-item{background:var(--surface-white);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}.sample-item:hover{box-shadow:0 4px 12px #0000000d}.sample-label{color:var(--brand-purple);font-family:monospace;font-size:13px;font-weight:700}.sample-input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-size:13px}.button-editor-box{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:16px;padding:20px}.editor-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.btn-add-qr{background:var(--wa-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #10b98126}.btn-add-qr:hover{background:var(--wa-teal-dark);transform:translateY(-1px)}.qr-list{flex-direction:column;gap:10px;display:flex}.qr-item{align-items:center;gap:10px;display:flex}.qr-item .input-container{flex:1;position:relative}.qr-counter{color:var(--text-gray);font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-remove-qr{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:8px;width:32px;height:32px;font-size:18px;transition:all .2s}.btn-remove-qr:hover{color:#fff;background:#ef4444;box-shadow:0 4px 10px #ef444433}.toggle-switch{width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{cursor:pointer;background-color:#d1d5db;border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-switch label:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+label{background-color:var(--brand-purple-accent)}.toggle-switch input:checked+label:before{transform:translate(20px)}.hint-text{color:var(--text-gray);font-size:11px}.error-text{color:#ef4444;font-size:11px;font-weight:600}.form-input.error,.form-textarea.error{background:#ef44440d;border-color:#ef4444}.template-preview-section{background:var(--surface-white);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);box-sizing:border-box;border-radius:20px;flex-direction:column;align-items:center;width:360px;height:calc(100vh - 76px);padding:20px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.preview-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:14px;font-weight:800}.phone-mockup{width:100%;min-height:300px;box-shadow:var(--shadow-lg);background:#e5ddd5;border:12px solid #1c1e21;border-radius:36px;flex-direction:column;flex:1;display:flex;overflow:hidden}.phone-header{background:var(--wa-teal-dark);color:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.phone-header .avatar{color:var(--wa-teal-dark)!important;background:#fff!important;border:none!important;font-weight:800!important}.wa-business-info{flex-direction:column;display:flex}.wa-name{font-size:14px;font-weight:700}.wa-status{opacity:.8;font-size:11px}.wa-bubble{background:var(--surface-white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:2px 12px 12px;max-width:90%;margin-bottom:12px;padding:12px;font-size:13.5px;position:relative;box-shadow:0 2px 8px -2px #0000000d}.wa-bubble-tail{display:none!important}.wa-header-text{color:var(--text-dark);margin-bottom:6px;font-size:14px;font-weight:700}.wa-header-media{background:var(--surface-soft-2);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;justify-content:center;align-items:center;height:160px;margin:-12px -12px 12px;display:flex;overflow:hidden}.wa-header-media img{object-fit:cover;width:100%;height:100%}.wa-header-media.doc{background:var(--surface-soft-2);height:60px;color:var(--text-gray);justify-content:flex-start;gap:10px;margin-bottom:8px;padding:0 12px;font-size:12px;display:flex}.wa-body-text{line-height:1.4}.preview-var{background:var(--brand-purple-light);color:var(--brand-purple);border-radius:4px;padding:0 4px;font-weight:700}.placeholder{color:var(--text-muted);font-style:italic}.wa-footer{color:var(--text-gray);margin-top:6px;font-size:11px}.phone-body{flex-direction:column;flex:1;padding:24px 20px;display:flex;overflow-y:auto}.wa-bubble-buttons{border-top:1px solid var(--border-color);flex-direction:column;margin:12px -12px -12px;display:flex}.wa-bubble-btn{text-align:center;color:#06c;cursor:default;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.wa-bubble-btn:not(:first-child){border-top:1px solid var(--border-color)}.wa-bubble-btn:last-child{border-bottom-right-radius:11px;border-bottom-left-radius:11px}[data-theme=dark] .phone-mockup{background:#0b141a radial-gradient(#ffffff03 1px,#0000 1px) 0 0/15px 15px}[data-theme=dark] .wa-bubble{color:var(--text-dark);background:#161c2db3;border-color:#ffffff0f}[data-theme=dark] .wa-footer{color:var(--text-gray)}[data-theme=dark] .wa-bubble-buttons{border-top-color:#ffffff14}[data-theme=dark] .wa-bubble-btn{color:#29b6f6}[data-theme=dark] .wa-bubble-btn:not(:first-child){border-top-color:#ffffff14}@media (width<=768px){.create-template-page{box-sizing:border-box;padding:var(--space-lg) var(--space-sm)!important;overflow-x:hidden!important}.creator-top-bar{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-bottom:20px;padding-bottom:16px}.creator-top-bar>div:first-child{width:100%;gap:12px!important}.creator-subtitle{font-size:13px;line-height:1.4}.creator-actions{box-sizing:border-box;gap:8px;width:100%;display:flex}.creator-actions button{text-align:center;white-space:nowrap;box-sizing:border-box;border-radius:10px;flex:1;min-width:0;padding:10px 8px;font-size:13px;font-weight:700}.template-builder-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%}.template-form-section{box-sizing:border-box;gap:16px;width:100%;min-width:0}.form-card{box-sizing:border-box;border-radius:16px;width:100%;padding:16px}.section-title{width:100%;margin-bottom:16px;font-size:15px;line-height:1.3}.form-row{flex-direction:column;gap:16px;width:100%;margin-bottom:0}.form-group{box-sizing:border-box;width:100%}.form-group.flex-2{flex:none;width:100%}.form-label{font-size:11px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:13.5px;box-sizing:border-box!important;width:100%!important}.form-input.sm{padding:8px 12px}.header-type-selector{background:var(--surface-soft-2);border-radius:10px;box-sizing:border-box!important;grid-template-columns:repeat(4,1fr)!important;align-self:stretch!important;width:100%!important;padding:4px!important;display:grid!important}.type-btn{text-align:center;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:6px;width:100%;font-weight:700;overflow:hidden;padding:8px 2px!important;font-size:10.5px!important}.header-content-box{box-sizing:border-box;width:100%}.file-upload-zone{text-align:center;gap:8px;padding:18px}.file-upload-zone span{word-break:break-all;font-size:12px}.char-counter{font-size:10px;bottom:10px;right:10px}.variable-samples-container{margin-top:16px;padding:14px}.samples-grid{gap:8px;grid-template-columns:1fr!important}.sample-item{padding:6px 10px}.sample-input{font-size:12px}.button-editor-box{border-radius:12px;padding:14px}.editor-header{flex-direction:row;justify-content:space-between;width:100%}.cta-fields .form-row{gap:12px}.btn-add-qr{padding:6px 10px;font-size:11px}.qr-list{gap:8px}.qr-item{gap:8px;width:100%}.qr-item .input-container{width:calc(100% - 40px)}.template-preview-section{box-sizing:border-box;background:0 0;border:none;position:static;width:100%!important;padding:20px 12px!important}.phone-mockup{border:8px solid #1c1e21;border-radius:28px;height:520px}}.info-box-auth{background:var(--brand-purple-light,#6366f10f);border:1px dashed #6366f140;border-radius:12px;margin-top:10px;padding:16px;box-shadow:inset 0 2px 4px #00000003}.info-box-auth .info-text{color:var(--text-dark,#1f2937);font-size:13px;font-weight:600;line-height:1.5;display:block}[data-theme=dark] .info-box-auth{background:#6366f108;border-color:#6366f126}.templates-header-actions{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.templates-title-area h2{color:var(--text-dark);margin:0;font-size:24px}.templates-title-area p{color:var(--text-gray);margin:4px 0 0;font-size:14px}.template-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.tab-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--brand-purple-light);color:var(--brand-purple);font-weight:700}.tab-btn:hover:not(.active){background:var(--surface-soft);color:var(--text-dark)}.templates-grid{gap:var(--layout-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1200px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.templates-grid{grid-template-columns:1fr}}.template-card{background:var(--surface-white);border-radius:var(--container-radius);padding:var(--container-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.template-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-purple-glow);transform:translateY(-4px)}.template-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.template-name{color:var(--text-dark);word-break:break-all;margin:0 0 4px;font-size:16px;font-weight:800}.template-lang{color:var(--text-gray);font-size:12px;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.status-approved{color:#10b981;background:#10b98114;border:1px solid #10b98126}.status-pending{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26}.status-rejected{color:#ef4444;background:#ef444414;border:1px solid #ef444426}[data-theme=dark] .status-approved{color:#10b981;background:#10b98114}[data-theme=dark] .status-pending{color:#f59e0b;background:#f59e0b14}[data-theme=dark] .status-rejected{color:#ef4444;background:#ef444414}.category-label{border:1px solid #0000;border-radius:8px;margin-bottom:16px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.cat-marketing{color:#6366f1;background:#6366f114;border-color:#6366f126}.cat-utility{color:#0284c7;background:#0284c714;border-color:#0284c726}.cat-auth{color:#9333ea;background:#9333ea14;border-color:#9333ea26}[data-theme=dark] .cat-marketing{color:#c7d2fe;background:#6366f114}[data-theme=dark] .cat-utility{color:#7dd3fc;background:#0284c714}[data-theme=dark] .cat-auth{color:#e9d5ff;background:#9333ea14}.whatsapp-preview-container{border:1px solid var(--border-color);background-color:#f8fafc;background-image:radial-gradient(#6366f10a 1px,#0000 1px);background-size:20px 20px;border-radius:16px;flex-direction:column;gap:8px;height:250px;margin-bottom:10px;padding:12px;display:flex;overflow-y:auto}.whatsapp-preview-container::-webkit-scrollbar{width:6px!important;display:block!important}.whatsapp-preview-container::-webkit-scrollbar-track{background:0 0!important;display:block!important}.whatsapp-preview-container::-webkit-scrollbar-thumb{background:#6366f133!important;border-radius:3px!important;display:block!important}.whatsapp-preview-container::-webkit-scrollbar-thumb:hover{background:#6366f166!important}.whatsapp-preview-container{-ms-overflow-style:auto!important;scrollbar-width:thin!important}[data-theme=dark] .whatsapp-preview-container{background-color:#08090f;background-image:radial-gradient(#ffffff05 1px,#0000 1px)}.message-bubble{background:var(--surface-white);color:var(--text-dark);white-space:pre-wrap;border:1px solid var(--border-color);border-radius:0 12px 12px;align-self:flex-start;max-width:92%;padding:10px 12px;font-size:13px;line-height:1.45;position:relative;box-shadow:0 2px 8px -2px #0000000d}.message-bubble::-webkit-scrollbar{width:4px}.message-bubble::-webkit-scrollbar-track{background:0 0}.message-bubble::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}.message-bubble::-webkit-scrollbar-thumb:hover{background:#6366f166}[data-theme=dark] .message-bubble{color:var(--text-dark);background:#161c2db3;border-color:#ffffff0f}.message-bubble:before{display:none!important}.template-variable{color:#00a884;font-weight:700}.template-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.last-updated{color:var(--text-gray);font-size:11px;font-weight:500}.btn-icon{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-icon:hover{background:var(--surface-soft);color:var(--brand-purple)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--surface-white);border-radius:32px;flex-direction:column;width:100%;max-width:900px;transition:all .4s;animation:.4s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:28px 32px 20px;display:flex}.modal-title{color:var(--text-dark);margin:0;font-size:20px;font-weight:800}.modal-content{scrollbar-width:none;-ms-overflow-style:none;max-height:65vh;padding:0 32px 32px;overflow-y:auto}.modal-content::-webkit-scrollbar{display:none}.step-section{z-index:5;margin-bottom:36px;animation:.4s forwards sectionSlideDown;position:relative}@keyframes sectionSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audience-choice-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.choice-btn{background:var(--surface-soft-2);border:2px solid var(--input-border);cursor:pointer;text-align:center;border-radius:20px;padding:24px 16px;transition:all .3s}.choice-btn.active{border-color:var(--brand-purple);background:var(--brand-purple-light)}.choice-btn:hover{border-color:var(--brand-purple);transform:translateY(-2px)}[data-theme=dark] .choice-btn{color:var(--text-dark);background:#131b2a;border:2px solid #28344a}[data-theme=dark] .choice-btn.active{border-color:var(--brand-purple);background:#1f2a42}.choice-icon{margin-bottom:12px;font-size:32px}.choice-label{color:var(--text-dark);font-weight:800;display:block}.sub-step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px;font-size:13px;font-weight:700;display:block}.custom-multi-select{width:100%;position:relative}.multi-select-header{background:var(--surface-soft-2);border:2px solid var(--input-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .2s;display:flex}.multi-select-header:hover{border-color:var(--brand-purple);background:var(--surface-white)}.multi-select-header.open{border-color:var(--brand-purple);background:var(--surface-white);box-shadow:0 4px 20px #7551ff14}[data-theme=dark] .multi-select-header{color:var(--text-dark);background:#131b2a;border:2px solid #28344a}[data-theme=dark] .multi-select-header:hover,[data-theme=dark] .multi-select-header.open{border-color:var(--brand-purple);background:#1a2332}.selected-summary{color:var(--text-dark);font-size:15px;font-weight:700}.dropdown-arrow{color:var(--text-muted);transition:transform .3s}.multi-select-header.open .dropdown-arrow{color:var(--brand-purple);transform:rotate(180deg)}.dropdown-list-container{border:2px solid var(--input-border);border-radius:20px;margin-top:12px;padding:12px;animation:.2s ease-out dropdownEnter;left:0;right:0;background-color:var(--surface-soft-2)!important;z-index:1!important;position:relative!important;top:0!important}[data-theme=dark] .dropdown-list-container{border:2px solid #28344a;background-color:#131b2a!important}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--surface-soft)}.dropdown-item.selected{background:var(--brand-purple-light)}[data-theme=dark] .dropdown-item:hover{background:#1a2332}[data-theme=dark] .dropdown-item.selected{background:#1f2a42}.custom-checkbox-mini{border:2px solid var(--border-color);background:var(--surface-white);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox-mini.checked{background:var(--brand-purple);border-color:var(--brand-purple)}.custom-checkbox-mini svg{color:#fff;visibility:hidden}.custom-checkbox-mini.checked svg{visibility:visible}[data-theme=dark] .custom-checkbox-mini{background:#131b2a;border:2px solid #28344a}[data-theme=dark] .custom-checkbox-mini.checked{background:var(--brand-purple);border-color:var(--brand-purple)}.item-label{color:var(--text-dark);font-size:14px;font-weight:600}.table-wrapper{border:2px solid var(--input-border);scrollbar-width:none;-ms-overflow-style:none;border-radius:24px;max-height:400px;padding:0;overflow-y:auto}[data-theme=dark] .table-wrapper{border:2px solid #28344a}.table-wrapper::-webkit-scrollbar{display:none}.audience-table{border-collapse:collapse;width:100%;font-size:14px;display:block}.audience-table thead,.audience-table tbody{width:100%;display:block}.audience-table thead tr,.table-row{border-bottom:1px solid var(--border-color);grid-template-columns:60px 1fr 1fr 1fr;align-items:center;width:100%;display:grid!important}.audience-table th,.audience-table td{padding:16px 20px;text-align:left!important}.audience-table th{background:var(--surface-soft-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;z-index:10;border-bottom:2px solid var(--input-border);font-size:12px;font-weight:700;position:sticky;top:0}[data-theme=dark] .audience-table th{color:#9aa8c9;background:#131b2a;border-bottom:2px solid #28344a}.table-row{cursor:pointer;transition:background .2s}.table-row:hover{background:var(--surface-soft)}.table-row.selected{background:var(--brand-purple-light)}[data-theme=dark] .table-row:hover{background:#131b2a}[data-theme=dark] .table-row.selected{background:#1f2a42}.col-check{justify-content:center;display:flex;padding:16px 0!important}.audience-table thead .col-check .custom-checkbox{cursor:pointer;transition:all .2s}.audience-table thead .col-check .custom-checkbox:hover{border-color:var(--brand-purple);box-shadow:0 0 8px #7551ff4d}[data-theme=dark] .audience-table thead .col-check .custom-checkbox:hover{border-color:#35d6aa;box-shadow:0 0 8px #35d6aa33}.col-primary-text{color:var(--text-dark);word-break:break-word;font-weight:700}.col-secondary-text{color:var(--text-muted);word-break:break-word;font-weight:500}.col-mono{color:var(--brand-purple);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.success-overlay{background:var(--surface-white);z-index:100;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.success-check-icon{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:40px;animation:.5s cubic-bezier(.34,1.56,.64,1) checkPop;display:flex}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.modal-footer-fixed{background:var(--surface-soft-2);border-top:1px solid var(--input-border);justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}[data-theme=dark] .modal-footer-fixed{background:#131b2a;border-top:1px solid #28344a}.btn-send-main{background:var(--brand-purple);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .3s}.btn-send-main:hover:not(:disabled){background:var(--brand-purple-hover);transform:translateY(-2px)}.btn-send-main:disabled{cursor:not-allowed;background:#94a3b8}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #4f46e566}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--surface-white);color:var(--text-dark);cursor:pointer;border:1px solid #0000001a;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--bg-main);border-color:#0003}[data-theme=dark] .btn-secondary{color:#e2e8f0;background:#1e293b;border:1px solid #ffffff1a}.custom-checkbox{border:2px solid var(--border-color);background:var(--surface-white);border-radius:8px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.custom-checkbox.checked{background:var(--brand-purple);border-color:var(--brand-purple)}.custom-checkbox svg{color:#fff;visibility:hidden}.custom-checkbox.checked svg{visibility:visible}[data-theme=dark] .custom-checkbox{background:#131b2a;border:2px solid #28344a}[data-theme=dark] .custom-checkbox.checked{background:var(--brand-purple);border-color:var(--brand-purple)}.campaign-name-section{border-top:2px dashed var(--input-border);margin-top:32px;padding-top:24px;animation:.4s forwards sectionSlideDown}[data-theme=dark] .campaign-name-section{border-top:2px dashed #28344a}.campaign-name-input{background:var(--surface-soft-2);border:2px solid var(--input-border);width:100%;color:var(--text-dark);box-sizing:border-box;border-radius:16px;margin-top:8px;padding:16px 24px;font-size:15px;font-weight:700;transition:all .2s}.campaign-name-input:focus{border-color:var(--brand-purple);background:var(--surface-white);outline:none;box-shadow:0 4px 20px #7551ff14}.campaign-name-input::placeholder{color:var(--text-muted);font-weight:500}[data-theme=dark] .campaign-name-input{color:var(--text-dark);background:#131b2a;border:2px solid #28344a}[data-theme=dark] .campaign-name-input:focus{border-color:var(--brand-purple);background:#1a2332}[data-theme=dark] .campaign-name-input::placeholder{color:#9aa8c9}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-icon-rotate{animation:1s linear infinite rotate}@media (width<=768px){.templates-header-actions{flex-direction:column;align-items:flex-start;gap:12px}.templates-grid{grid-template-columns:1fr}}.filter-toolbar{border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;padding-bottom:16px;display:flex;position:relative;overflow:visible!important}.filter-toolbar-left{flex:1.2;justify-content:flex-start;align-items:center;gap:12px;display:flex;overflow:visible!important}.filter-dropdown-wrapper{width:fit-content;min-width:140px;position:relative;overflow:visible!important}.filter-dropdown-trigger{background:var(--surface-white);border:1.5px solid var(--border-color);cursor:pointer;width:max-content;min-width:140px;color:var(--text-dark);box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;height:38px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.filter-dropdown-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-dropdown-trigger:hover{border-color:var(--brand-purple);background:var(--brand-purple-light)}.filter-dropdown-trigger:focus-visible{outline:2px solid var(--brand-purple);outline-offset:2px}[data-theme=dark] .filter-dropdown-trigger{background:var(--surface-white);border-color:var(--border-color)}[data-theme=dark] .filter-dropdown-trigger:hover{background:var(--surface-soft);border-color:var(--cyber-cyan)}.filter-dropdown-menu{background:var(--surface-white);border:1.5px solid var(--border-color);width:100%;box-shadow:var(--shadow-lg);z-index:9999;transform-origin:top;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownSlide;display:flex;position:absolute;top:calc(100% + 8px);left:0}[data-theme=dark] .filter-dropdown-menu{background:var(--surface-white);border-color:var(--border-color)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.filter-dropdown-item{cursor:pointer;color:var(--text-gray);text-align:left;background:0 0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.filter-dropdown-item:hover{color:var(--brand-purple);background:var(--bg-main)}[data-theme=dark] .filter-dropdown-item:hover{color:var(--cyber-cyan);background:var(--surface-soft)}.filter-dropdown-item.active{color:var(--brand-purple);background:var(--brand-purple-light)}[data-theme=dark] .filter-dropdown-item.active{color:var(--cyber-cyan);background:#22d3ee14}.filter-toolbar-center{flex:1.5;justify-content:center;width:100%;max-width:480px;display:flex}.filter-search-wrapper{width:100%;position:relative}.filter-search-input{border:1.5px solid var(--border-color);background:var(--surface-white);width:100%;height:38px;color:var(--text-dark);box-sizing:border-box;box-shadow:var(--shadow-sm);border-radius:12px;outline:none;font-size:13px;font-weight:600;transition:all .2s;padding:8px 36px 8px 44px!important}[data-theme=dark] .filter-search-input{background:var(--surface-white);border-color:var(--border-color)}.filter-search-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 3px var(--brand-purple-glow);background:var(--surface-white)}[data-theme=dark] .filter-search-input:focus{border-color:var(--cyber-cyan);box-shadow:0 0 0 3px #22d3ee26}.filter-search-icon{color:var(--brand-purple);opacity:.8;pointer-events:none;z-index:2;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}[data-theme=dark] .filter-search-icon{color:var(--cyber-cyan)}.filter-search-clear{cursor:pointer;width:18px;height:18px;color:var(--text-gray);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}[data-theme=dark] .filter-search-clear{background:#ffffff14}.filter-search-clear:hover{color:#ef4444;background:#ef444426}.filter-toolbar-right{flex:1.2;justify-content:flex-end;align-items:center;gap:12px;display:flex}.filter-sync-btn{background:var(--surface-white);border:1.5px solid var(--border-color);height:38px;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .filter-sync-btn{background:var(--surface-white);border-color:var(--border-color)}.filter-sync-btn:hover{background:var(--bg-main);border-color:var(--brand-purple)}[data-theme=dark] .filter-sync-btn:hover{background:var(--surface-soft);border-color:var(--cyber-cyan)}.filter-create-btn{color:#fff;background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f133}[data-theme=dark] .filter-create-btn{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#000;box-shadow:0 4px 12px #22d3ee26}.filter-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}[data-theme=dark] .filter-create-btn:hover{box-shadow:0 6px 16px #22d3ee4d}@media (width<=1024px){.filter-toolbar{flex-direction:column;align-items:stretch;gap:12px}.filter-toolbar-left{order:1;gap:12px;width:100%;display:flex}.filter-dropdown-wrapper{flex:1;width:auto}.filter-dropdown-trigger{width:100%!important;min-width:0!important}.filter-toolbar-center{flex:none;order:3;width:100%;max-width:none}.filter-toolbar-right{flex:none;order:2;justify-content:stretch;gap:12px;width:100%}.filter-sync-btn,.filter-create-btn{flex:1;width:100%}}@media (width<=576px){.filter-toolbar-left{flex-direction:row;gap:12px;width:100%}.filter-dropdown-wrapper{flex:1;width:auto}.filter-toolbar-right{flex-direction:row;gap:10px;width:100%}}@media (width<=480px){.templates-view-container{padding:8px!important}.filter-toolbar{gap:10px!important;margin-bottom:16px!important}.filter-search-input{font-size:13px!important}.filter-sync-btn,.filter-create-btn,.filter-dropdown-trigger{height:36px!important;padding:0 12px!important;font-size:12px!important}.templates-grid{grid-template-columns:1fr!important;gap:12px!important}}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:24px;right:24px}.toast{box-shadow:var(--shadow-lg);pointer-events:auto;border:1px solid #0000;border-radius:14px;align-items:center;min-width:320px;min-height:64px;padding:14px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.95)}}.toast-error{color:#ef4444;-webkit-backdrop-filter:blur(16px);background:#fee2e2e6;border-color:#ef444440}[data-theme=dark] .toast-error{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.toast-delete{color:#ef4444;-webkit-backdrop-filter:blur(16px);background:#fee2e2e6;border-color:#ef444440}[data-theme=dark] .toast-delete{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.toast-success{color:#10b981;-webkit-backdrop-filter:blur(16px);background:#dcfce7e6;border-color:#10b98140}[data-theme=dark] .toast-success{color:#86efac;background:#10b9811f;border-color:#10b98140}.toast-info{color:#3b82f6;-webkit-backdrop-filter:blur(16px);background:#dbeafee6;border-color:#3b82f640}[data-theme=dark] .toast-info{color:#93c5fd;background:#3b82f61f;border-color:#3b82f640}.toast-content{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.toast-message{flex:1;font-size:13.5px;font-weight:700}.toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:opacity .2s,transform .2s;display:flex}.toast-close:hover{opacity:1;transform:scale(1.05)}@media (width<=480px){.toast-container{width:50%;max-width:none;top:12px;left:auto;right:16px}.toast{box-sizing:border-box;border-radius:10px;width:100%;padding:10px 14px;min-width:0!important;min-height:0!important}.toast-message{font-size:12.5px}}.template-action-menu{display:inline-block;position:relative}.menu-trigger{border:1px solid var(--border-color,#e2e8f0);background:var(--surface-white,#fff);width:36px;height:36px;color:var(--text-gray,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.menu-trigger:hover{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b);border-color:var(--border-light,#cbd5e1)}.menu-trigger:active{background:var(--surface-hover,#f1f5f9)}.menu-dropdown{border:1px solid var(--border-color,#e2e8f0);z-index:1000;background:#fff;border-radius:12px;min-width:160px;margin-top:4px;animation:.15s ease-out slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 24px #00000014,0 2px 6px #0000000a}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;color:var(--text-dark,#1e293b);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.menu-item:hover{background:var(--surface-light,#f8fafc)}.menu-item svg{flex-shrink:0}.menu-item.preview-item:hover{color:var(--brand-purple,#6366f1);background:#6366f10d}.menu-item.archive-item:hover{color:#3b82f6;background:#3b82f60d}.menu-item.delete-item{color:#ef4444}.menu-item.delete-item:hover{background:#ef444414}.menu-divider{background:var(--border-color,#e2e8f0);height:1px;margin:4px 0}@media (width<=640px){.menu-dropdown{min-width:150px}.menu-item{padding:12px;font-size:14px}}.template-preview-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.template-preview-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 64px #0000001f,0 4px 12px #00000014}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.preview-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:linear-gradient(135deg,#6366f105 0%,#8b5cf605 100%);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.preview-modal-title-section{flex:1}.preview-modal-title{color:var(--text-dark,#1e293b);margin:0 0 8px;font-size:20px;font-weight:700}.preview-modal-meta{flex-wrap:wrap;gap:8px;display:flex}.preview-status-badge,.preview-category-badge,.preview-language-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.preview-status-badge{color:#6b7280;background:#f3f4f6}.preview-status-badge.status-approved{color:#16a34a;background:#4ade801f}.preview-status-badge.status-pending{color:#d97706;background:#f59e0b1f}.preview-status-badge.status-rejected{color:#dc2626;background:#ef44441f}.preview-category-badge{color:var(--brand-purple,#6366f1);background:#6366f11f}.preview-language-badge{color:#3b82f6;background:#3b82f61f}.preview-modal-close{border:1px solid var(--border-color,#e2e8f0);background:var(--surface-white,#fff);width:36px;height:36px;color:var(--text-gray,#64748b);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.preview-modal-close:hover{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b)}.preview-modal-content{flex:1;padding:24px;overflow-y:auto}.preview-section{margin-bottom:28px}.preview-section-label{color:var(--text-gray,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.preview-template-container{background:var(--surface-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;max-height:300px;padding:16px;overflow-y:auto}.preview-details-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px;display:grid}.preview-detail-item{background:var(--surface-light,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.detail-label{color:var(--text-gray,#64748b);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.detail-value{color:var(--text-dark,#1e293b);font-size:16px;font-weight:700}.preview-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--surface-white,#fff);gap:12px;padding:16px 24px;display:flex}.preview-btn-secondary,.preview-btn-primary{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.preview-btn-secondary{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b);border:1px solid var(--border-color,#e2e8f0)}.preview-btn-secondary:hover{background:var(--surface-hover,#f1f5f9);border-color:var(--border-light,#cbd5e1)}.preview-btn-primary{background:linear-gradient(135deg, var(--brand-purple,#6366f1) 0%, #8b5cf6 100%);color:#fff}.preview-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #6366f14d}.preview-btn-primary:active{transform:translateY(0)}@media (width<=768px){.template-preview-modal{max-width:90vw;max-height:90vh}.preview-modal-header{flex-direction:column;align-items:flex-start;padding:20px 16px}.preview-modal-close{margin-top:4px}.preview-modal-content{padding:20px 16px}.preview-details-grid{grid-template-columns:repeat(2,1fr)}.preview-modal-footer{flex-direction:column}.preview-btn-secondary,.preview-btn-primary{width:100%}}@media (width<=480px){.template-preview-modal{border-radius:16px 16px 0 0;width:100%;max-width:none;max-height:100vh;position:fixed;bottom:0;left:0;right:0}.preview-details-grid{grid-template-columns:repeat(2,1fr)}.preview-template-container{max-height:250px}}.contact-selection-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.contact-selection-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 64px #0000001f,0 4px 12px #00000014}.contact-selection-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:linear-gradient(135deg,#6366f105 0%,#8b5cf605 100%);padding:24px}.contact-selection-title{color:var(--text-dark,#1e293b);margin:0 0 4px;font-size:20px;font-weight:700}.contact-selection-subtitle{color:var(--text-gray,#64748b);margin:0;font-size:13px;font-weight:500}.contact-selection-close{border:1px solid var(--border-color,#e2e8f0);width:36px;height:36px;color:var(--text-gray,#64748b);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.contact-selection-close:hover{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b)}.contact-selection-content{flex-direction:column;flex:1;padding:20px 24px;display:flex;overflow:hidden}.search-section{margin-bottom:16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-gray,#64748b);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color,#e2e8f0);background:var(--surface-light,#f8fafc);width:100%;color:var(--text-dark,#1e293b);border-radius:8px;padding:10px 12px 10px 36px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--brand-purple,#6366f1);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--text-gray,#64748b)}.search-clear{color:var(--text-gray,#64748b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:color .2s;display:flex;position:absolute;right:12px}.search-clear:hover{color:var(--text-dark,#1e293b)}.selection-counter{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex}.counter-label{color:var(--text-gray,#64748b);font-size:13px;font-weight:500}.counter-value{color:var(--text-dark,#1e293b);margin-left:4px}.select-all-btn{border:1px solid var(--brand-purple,#6366f1);color:var(--brand-purple,#6366f1);cursor:pointer;background:#6366f10d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.select-all-btn:hover{background:#6366f11a}.select-all-btn.all-selected{border-color:var(--brand-purple,#6366f1);background:linear-gradient(135deg,#6366f11a 0%,#8b5cf60d 100%)}.select-all-btn svg{width:14px;height:14px}.contacts-list{flex-direction:column;flex:1;gap:8px;margin-right:-8px;padding-right:8px;display:flex;overflow-y:auto}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:0 0}.contacts-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover{background:#00000026}.contact-card{border:1.5px solid var(--border-color,#e2e8f0);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.contact-card:hover{background:#6366f105;border-color:#6366f14d}.contact-card.selected{border-color:var(--brand-purple,#6366f1);background:#6366f114}.contact-checkbox{flex-shrink:0}.checkbox{border:2px solid var(--border-color,#cbd5e1);background:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.contact-card:hover .checkbox{border-color:#6366f166}.contact-card.selected .checkbox{background:linear-gradient(135deg, var(--brand-purple,#6366f1) 0%, #8b5cf6 100%);border-color:var(--brand-purple,#6366f1)}.checkbox svg{color:#fff}.contact-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.contact-avatar{background:linear-gradient(135deg, var(--brand-purple,#6366f1) 0%, #8b5cf6 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.contact-details{flex:1;min-width:0}.contact-name{color:var(--text-dark,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.contact-phone{color:var(--text-gray,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.contact-meta{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.contact-indicator{width:20px;height:20px;color:var(--brand-purple,#6366f1);opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.contact-card.selected .contact-indicator{opacity:1}.empty-state{color:var(--text-gray,#64748b);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state svg{color:#6366f133}.empty-title{color:var(--text-dark,#1e293b);margin:0;font-size:14px;font-weight:600}.empty-description{margin:4px 0 0;font-size:12px}.contact-selection-footer{border-top:1px solid var(--border-color,#e2e8f0);background:#fff;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.contact-btn-secondary,.contact-btn-primary{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.contact-btn-secondary{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b);border:1px solid var(--border-color,#e2e8f0)}.contact-btn-secondary:hover:not(:disabled){background:var(--surface-hover,#f1f5f9)}.contact-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.contact-btn-primary{background:linear-gradient(135deg, var(--brand-purple,#6366f1) 0%, #8b5cf6 100%);color:#fff}.contact-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #6366f14d}.contact-btn-primary:disabled{opacity:.6;cursor:not-allowed}.contact-btn-primary:active:not(:disabled){transform:translateY(0)}.btn-loader{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.contact-selection-modal{max-width:90vw}.contact-card{padding:10px}.contact-details{min-width:0}}@media (width<=480px){.contact-selection-modal{border-radius:16px 16px 0 0;width:100%;max-width:none;max-height:90vh;position:fixed;bottom:0;left:0;right:0}.contact-selection-header{padding:20px 16px 16px}.contact-selection-close{top:12px;right:12px}.contact-selection-content{padding:16px}.contact-selection-footer{border-top:1px solid var(--border-color,#e2e8f0);background:#fff;padding:12px 16px;position:sticky;bottom:0}.contact-btn-secondary,.contact-btn-primary{padding:12px}.contact-card{padding:10px}.contact-phone{font-size:11px}.selection-counter{font-size:12px}}.confirm-overlay{z-index:2100;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px 24px;animation:.3s ease-out scaleIn;display:flex;box-shadow:0 20px 64px #0000001f,0 4px 12px #00000014}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon{width:56px;height:56px;color:var(--brand-purple,#6366f1);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.confirm-icon.archive-icon{color:#3b82f6;background:#3b82f61a}.confirm-icon.delete-icon{color:#ef4444;background:#ef44441a}.confirm-title{color:var(--text-dark,#1e293b);margin:0;font-size:18px;font-weight:700}.confirm-message{color:var(--text-gray,#64748b);margin:0;font-size:13px;line-height:1.6}.confirm-message strong{color:var(--text-dark,#1e293b);font-weight:600}.confirm-footer{gap:12px;margin-top:8px;display:flex}.confirm-btn-secondary,.confirm-btn-primary{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.confirm-btn-secondary{background:var(--surface-light,#f8fafc);color:var(--text-dark,#1e293b);border:1px solid var(--border-color,#e2e8f0)}.confirm-btn-secondary:hover:not(:disabled){background:var(--surface-hover,#f1f5f9)}.confirm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.confirm-btn-primary{color:#fff}.confirm-btn-primary.archive-btn{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.confirm-btn-primary.archive-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #3b82f64d}.confirm-btn-primary.delete-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff!important}.confirm-btn-primary.delete-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #ef44444d}.confirm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.confirm-btn-primary:active:not(:disabled){transform:translateY(0)}@media (width<=480px){.confirm-modal{gap:14px;max-width:90vw;padding:28px 20px}.confirm-icon{width:48px;height:48px}.confirm-title{font-size:16px}.confirm-message{font-size:12px}.confirm-footer{flex-direction:column}.confirm-btn-secondary,.confirm-btn-primary{width:100%;padding:12px 14px}}[data-theme=dark] .confirm-modal{background:#0f172a;border:1px solid #ffffff14;box-shadow:0 20px 64px #00000080,0 4px 12px #0000004d}[data-theme=dark] .confirm-btn-secondary{color:#f1f5f9;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .confirm-btn-secondary:hover:not(:disabled){background:#ffffff14}.inbox-wrapper,.inbox-layout,.chat-window,.chat-history,.chat-sidebar,.message-wrapper,.message-container,.message-bubble{box-sizing:border-box;max-width:100%}.inbox-wrapper{box-sizing:border-box;flex-direction:column;flex:1;height:100%;padding:0;display:flex;overflow-x:hidden!important}.inbox-layout{gap:var(--layout-gap);background:0 0;flex-direction:row;flex:1;width:100%;display:flex;overflow:hidden}.chat-sidebar{background:var(--surface-white);width:280px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);border-radius:24px;flex-direction:column;flex-shrink:0;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}[data-theme=dark] .chat-sidebar{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.chat-sidebar-header{border-bottom:1px solid var(--border-color);padding:8px 12px}.chat-sidebar-header .search-bar{background:#f1f5f999!important;border:1px solid #e2e8f0cc!important;border-radius:20px!important;padding:8px 14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px 2px #00000005!important}[data-theme=dark] .chat-sidebar-header .search-bar{background:#ffffff05!important;border-color:#ffffff0d!important;box-shadow:inset 0 1px 2px #0000001a!important}.chat-sidebar-header .search-bar:focus-within{border-color:var(--brand-purple)!important;background:var(--surface-white)!important;box-shadow:0 0 0 3px #6366f126!important}[data-theme=dark] .chat-sidebar-header .search-bar:focus-within{border-color:var(--cyber-cyan)!important;background:#121214d9!important;box-shadow:0 0 0 3px #22d3ee26!important}.chat-sidebar-header .search-bar svg{stroke:var(--text-gray)!important;transition:all .25s!important}.chat-sidebar-header .search-bar:focus-within svg{stroke:var(--brand-purple)!important;transform:scale(1.05)!important}[data-theme=dark] .chat-sidebar-header .search-bar:focus-within svg{stroke:var(--cyber-cyan)!important}.chat-sidebar-header .search-bar input,.chat-sidebar-header .search-bar input:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:0!important}.add-contact-btn{background:var(--brand-purple)!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.add-contact-btn:hover{transform:scale(1.08)translateY(-1px);box-shadow:0 4px 12px #6366f159;background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%)!important}.add-contact-btn:active{transform:scale(.94)translateY(0)}.chat-sidebar-header h2{font-family:var(--font-cyber);color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.selection-mode-header{border-bottom:1px solid var(--border-color);background:#6366f11a;justify-content:space-between;align-items:center;padding:8px 12px;animation:.2s ease-out forwards fadeIn;display:flex}[data-theme=dark] .selection-mode-header{background:#22d3ee1a}.selection-info{align-items:center;gap:8px;display:flex}.selection-count{color:var(--brand-purple);font-size:15px;font-weight:600}[data-theme=dark] .selection-count{color:var(--cyber-cyan)}.selection-actions{align-items:center;gap:8px;display:flex}.close-selection-btn,.select-all-btn,.delete-selected-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-selection-btn:hover,.select-all-btn:hover{color:var(--text-dark);background:#0000000d}[data-theme=dark] .close-selection-btn:hover,[data-theme=dark] .select-all-btn:hover{color:#fff;background:#ffffff1a}.delete-selected-btn{color:#ef4444}.delete-selected-btn:hover{background:#ef44441a}.chat-list-item.selected-mode-item{background:#6366f10d}[data-theme=dark] .chat-list-item.selected-mode-item{background:#22d3ee0d}.selection-indicator{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;transition:all .2s;display:flex}.selection-indicator.checked{background:var(--brand-purple);border-color:var(--brand-purple)}[data-theme=dark] .selection-indicator.checked{background:var(--cyber-cyan);border-color:var(--cyber-cyan)}.chat-list-container{flex-grow:1;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid var(--border-color);gap:14px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .chat-list-item{border-bottom-color:#ffffff08}.chat-list-item:hover{background-color:var(--brand-purple-light);transform:translate(2px)}[data-theme=dark] .chat-list-item:hover{background-color:#22d3ee08}.chat-list-item.active{box-shadow:inset 0 0 0 1px var(--cyber-cyan-glow);background-color:var(--brand-purple-light)!important;border-left:4px solid var(--cyber-cyan)!important}[data-theme=dark] .chat-list-item.active{background-color:#22d3ee0d!important}.chat-item-avatar{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;border:1.5px solid var(--border-color);width:46px;height:46px;font-size:14px;font-weight:800;font-family:var(--font-cyber);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.chat-list-item:hover .chat-item-avatar{box-shadow:var(--shadow-sm);transform:scale(1.05)}.chat-item-details{flex-grow:1;overflow:hidden}.chat-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-item-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:750;overflow:hidden}.chat-item-time{font-family:var(--font-cyber);color:var(--text-muted);font-size:11px}.chat-item-preview{color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.unread-badge{color:#052e16;font-family:var(--font-cyber);background:#25d366;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:9.5px;font-weight:800;animation:.24s cubic-bezier(.2,.8,.2,1) unread-pop;display:inline-flex;box-shadow:0 8px 18px #25d3663d}@keyframes unread-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.chat-item-status,.presence-dot{display:none}.chat-item-avatar-wrap{flex-shrink:0;position:relative}.avatar-online-dot{border:2px solid var(--surface-white,#fff);background:#25d366;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 4px #25d36666}.chat-item-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14.5px;font-weight:500;overflow:hidden}.chat-item-name.unread-name{color:var(--text-dark);font-weight:700}.chat-item-time.unread-time{font-weight:700;color:#25d366!important}.chat-list-item.has-unread .chat-item-preview{color:var(--text-dark);font-weight:500}.chat-item-bottom-row{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.chat-item-bottom-row .chat-item-preview{flex:1;min-width:0}.chat-window{background:var(--surface-white);border:1px solid var(--border-color);min-width:0;box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;flex:1;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}[data-theme=dark] .chat-window{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.chat-window-header{border-bottom:1px solid var(--border-color);background:var(--surface-white);z-index:10;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}[data-theme=dark] .chat-window-header{border-bottom-color:var(--glass-border);background:0 0}.chat-history{scrollbar-gutter:stable;scroll-behavior:auto;background-color:#f3f4f6;background-image:radial-gradient(#6366f10d 1.5px,#0000 1.5px);background-size:24px 24px;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:12px 12px 4px;display:flex;position:relative;overflow:hidden auto}.chat-history>:first-child{margin-top:auto}.new-messages-indicator-btn{z-index:100;background:var(--surface-white);width:44px;height:44px;color:var(--text-dark);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.4,0,.2,1) slideUpFade;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}[data-theme=dark] .new-messages-indicator-btn{color:#f1f5f9;background:#1e293b;border-color:#ffffff14}.new-messages-indicator-btn:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 6px 16px #0003}.new-messages-indicator-btn .badge{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #25d3664d}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .chat-history{background-color:#030408;background-image:radial-gradient(circle at top,#22d3ee12 0%,#0000 60%),radial-gradient(#ffffff04 1.2px,#0000 1.2px);background-size:100% 100%,24px 24px}.message-wrapper{box-sizing:border-box;flex-direction:row;width:100%;margin:0;padding:2px 0;display:flex}.message-container{flex-direction:column;width:fit-content;max-width:60%;display:flex;position:relative}.message-container.has-media-or-buttons{width:330px;max-width:100%}.message-container.has-media-or-buttons .message-bubble{width:100%}@media (width<=768px){.message-container{max-width:78%}.message-container.has-media-or-buttons{width:280px}}@media (width<=480px){.message-container{max-width:78%}.message-container.has-media-or-buttons{width:270px}}.message-wrapper.sent{justify-content:flex-end!important}.message-wrapper.sent .message-container{align-items:flex-end;margin-right:0}.message-wrapper.received{justify-content:flex-start!important}.message-wrapper.received .message-container{align-items:flex-start;margin-left:0}.message-bubble{border-radius:var(--radius-sm);word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;min-width:80px;max-width:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);padding:6px 10px;font-size:12.5px;line-height:1.4;position:relative}.message-wrapper.received .message-bubble{background-color:var(--surface-white);color:var(--text-dark);border:1px solid var(--border-color);border-top-left-radius:4px}.message-wrapper.received .message-bubble:before{display:none}.message-wrapper.sent .message-bubble{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);color:#fff;box-shadow:var(--shadow-sm);border-top-right-radius:4px}.message-wrapper.sent .message-bubble:after{display:none}[data-theme=dark] .message-wrapper.received .message-bubble{color:var(--text-dark);background-color:#161c2db3;border:1px solid #ffffff0f}[data-theme=dark] .message-wrapper.sent .message-bubble{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%)}.message-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;margin-bottom:4px;display:block}.read-more-link{color:#00a884;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:6px;font-weight:700;transition:color .15s;display:inline-block}.read-more-link:hover{color:#008f72;text-decoration:underline}.message-footer{color:var(--text-gray);white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10px;line-height:1;display:flex}.message-wrapper.sent .message-footer{color:#ffffffbf}.message-status-inside{font-family:var(--font-cyber);color:var(--text-gray);white-space:nowrap;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:10px;line-height:1;display:flex}.message-wrapper.sent .message-status-inside{color:#ffffffbf}.msg-info-trigger{cursor:pointer;z-index:20;border-radius:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:14px;line-height:1;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;box-shadow:none!important;background:0 0!important;border:none!important}.message-wrapper.sent .msg-info-trigger{color:#fff!important;text-shadow:0 0 4px #ffffffe6,0 0 1px #ffffff80!important}.message-wrapper.received .msg-info-trigger{color:var(--text-dark)!important;text-shadow:0 0 4px #6366f166!important;background:0 0!important}.msg-info-trigger:hover{transform:scale(1.2);opacity:1!important}.message-wrapper.sent .msg-info-trigger:hover{text-shadow:0 0 8px #fff,0 0 3px #fffc!important}.message-wrapper.received .msg-info-trigger:hover{color:var(--brand-purple)!important;text-shadow:0 0 8px #6366f1cc!important}.msg-info-on-media{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#fff!important;background:#0006!important;border:1px solid #fff3!important;top:8px!important;right:8px!important}.message-wrapper.received .msg-info-on-media{background:#0006!important}.msg-info-outside{background:var(--brand-purple)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fff!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;font-size:16px!important;display:flex!important;position:absolute!important;top:0!important;right:-36px!important}.message-wrapper.received .msg-info-outside{color:var(--text-dark)!important;background:#6366f11a!important;left:-36px!important;right:auto!important}.msg-info-outside:hover{background:#5b3be6!important;transform:scale(1.1)!important}.message-time{font-family:var(--font-cyber);color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px}.chat-input-area{-webkit-backdrop-filter:blur(24px)saturate(190%);box-sizing:border-box;z-index:20;background:#ffffffa6;border-top:1px solid #e2e8f0cc;flex-shrink:0;align-items:center;gap:12px;min-height:48px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 -8px 24px #00000004;height:auto!important;padding:6px 12px!important}[data-theme=dark] .chat-input-area{background:#0a0a0c80;border-top-color:#ffffff0d;box-shadow:0 -8px 30px #00000040}.chat-input-field{color:var(--text-dark);border-radius:24px;outline:none;flex-grow:1;padding:6px 12px;font-family:inherit;font-size:12.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005;background:#f1f5f9a6!important;border:1px solid #e2e8f0cc!important}[data-theme=dark] .chat-input-field{box-shadow:inset 0 2px 4px #0000001a;background:#ffffff08!important;border-color:#ffffff0d!important}.chat-input-field::placeholder{font-style:italic;transition:opacity .2s;color:var(--text-muted)!important;opacity:.38!important}.chat-input-field:focus::placeholder{opacity:.22!important}.chat-input-field:focus{border-color:var(--brand-purple)!important;background:var(--surface-white)!important;box-shadow:0 0 0 4px #6366f126!important}[data-theme=dark] .chat-input-field:focus{border-color:var(--cyber-cyan)!important;background:#121214d9!important;box-shadow:0 0 0 4px #22d3ee26!important}.chat-input-field.locked,.chat-input-field:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.7;box-shadow:none;background:#f1f5f966!important;border-color:#e2e8f080!important}[data-theme=dark] .chat-input-field.locked,[data-theme=dark] .chat-input-field:disabled{background:#ffffff03!important;border-color:#ffffff05!important}.window-lockout-banner{color:#ef4444;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fef2f2bf;border-top:1px solid #ef444426;padding:10px 20px;font-size:13px;font-weight:600;box-shadow:0 -2px 10px #ef444408}[data-theme=dark] .window-lockout-banner{background:#1c0f0fbf;border-top-color:#ef444433}.input-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f980;border:1px solid #e2e8f099;border-radius:28px;align-items:center;gap:6px;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .input-actions{background:#ffffff05;border-color:#ffffff0a}.btn-icon{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .25s;width:20px!important;height:20px!important}.btn-icon[title=Attach]:hover{background:var(--brand-purple-light);color:var(--brand-purple);box-shadow:0 4px 10px #6366f114}.btn-icon[title=Attach]:hover svg{transform:translateY(-1px)scale(1.1)}.btn-icon[title=Emoji]:hover{color:#eab308;background:#eab30814;box-shadow:0 4px 10px #eab30814}.btn-icon[title=Emoji]:hover svg{transform:scale(1.15)}.btn-icon[title=Templates]:hover{color:var(--cyber-cyan);background:#06b6d414;box-shadow:0 4px 10px #06b6d414}.btn-icon[title=Templates]:hover svg{transform:rotate(12deg)scale(1.1)}@keyframes bot-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.btn-icon[title=Bot]:hover{color:var(--cyber-cyan);background:#6366f114;box-shadow:0 4px 10px #6366f114}.btn-icon[title=Bot]:hover svg{animation:1.4s ease-in-out infinite bot-pulse}.btn-icon:active{transform:scale(.92)}.btn-send{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6366f159;color:#fff!important}.btn-send svg{color:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:18px!important;height:18px!important}.btn-send:hover:not(:disabled){transform:scale(1.1)translateY(-1.5px);box-shadow:0 6px 20px #6366f173}.btn-send:hover:not(:disabled) svg{transform:translate(1px,-1px)scale(1.05)}.btn-send:active:not(:disabled){transform:scale(.92)translateY(0);box-shadow:0 3px 8px #6366f140}.btn-send:disabled{background:var(--text-muted);opacity:.35;cursor:not-allowed;box-shadow:none}.contact-panel{background:var(--surface-white);border-left:1px solid var(--border-color);opacity:0;flex-direction:column;flex-shrink:0;width:0;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.contact-panel.open{opacity:1;width:360px;box-shadow:-10px 0 30px #00000005}[data-theme=dark] .contact-panel{background:var(--glass-bg);border-left-color:var(--glass-border);box-shadow:-10px 0 40px #0003}.panel-header{border-bottom:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;padding:40px 24px 28px;display:flex;position:relative}[data-theme=dark] .panel-header{border-bottom-color:#ffffff0d}.panel-user-info{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.chat-item-avatar.large{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);border:3px solid #fffc;width:90px;height:90px;margin:0;font-size:32px;transition:all .3s;box-shadow:0 10px 25px #6366f140}[data-theme=dark] .chat-item-avatar.large{border:3px solid #ffffff1a;box-shadow:0 10px 30px #0000004d}.chat-item-avatar.large:hover{transform:scale(1.05)rotate(3deg);box-shadow:0 12px 30px #6366f159}.panel-user-meta{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.panel-user-meta h3{color:var(--text-dark);letter-spacing:-.5px;word-break:break-all;margin:0;padding:0 12px;font-size:20px;font-weight:800}.online-status{color:#10b981;letter-spacing:.5px;text-transform:uppercase;background:#10b98114;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.online-status:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #10b981}.close-panel{background:var(--surface-soft);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-gray);box-shadow:var(--shadow-sm);z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;right:20px}[data-theme=dark] .close-panel{background:#ffffff08;border-color:#ffffff0d}.close-panel:hover{color:#ef4444;background:#fee2e2;border-color:#ef444433;transform:rotate(90deg)}.panel-content{flex-direction:column;flex-grow:1;gap:28px;padding:28px 24px;display:flex;overflow-y:auto}.section{margin:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:11px;font-weight:800}.info-card{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}[data-theme=dark] .info-card{background:#ffffff04;border-color:#ffffff0d}.info-card:hover{border-color:var(--brand-purple-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.info-card-icon{background:#6366f114;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.info-value{color:var(--text-dark);font-size:13.5px;font-weight:700}.edit-btn{background:var(--brand-purple-light);color:var(--brand-purple);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.edit-btn:hover{background:var(--brand-purple);color:#fff;transform:translateY(-1px)}.add-contact-btn{background:var(--brand-purple);cursor:pointer;color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.add-contact-btn:hover{box-shadow:var(--shadow-sm);background:#4f46e5;transform:translateY(-1px)}.param-list{flex-direction:column;gap:8px;display:flex}.param-item{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}[data-theme=dark] .param-item{background:#ffffff04;border-color:#ffffff0d}.param-item:hover{border-color:var(--brand-purple-light);transform:translate(2px)}.param-key{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.param-value{color:var(--text-dark);margin-left:10px;margin-right:auto;font-size:13px;font-weight:700}.del-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:18px;line-height:1;transition:all .2s}.del-btn:hover{color:#ef4444;background:#ef444414}.tag-input-container{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:8px;padding:8px 12px;transition:all .25s;display:flex}[data-theme=dark] .tag-input-container{background:#ffffff04;border-color:#ffffff0d}.tag-input-container:focus-within{border-color:var(--brand-purple);box-shadow:0 0 0 2px var(--brand-purple-light);background:var(--surface-white)}[data-theme=dark] .tag-input-container:focus-within{background:#ffffff08}.tag-add-btn{background:var(--brand-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.tag-add-btn:hover{background:#4f46e5;transform:scale(1.02)}.add-btn{background:var(--brand-purple-light);color:var(--brand-purple);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.add-btn:hover{background:var(--brand-purple);color:#fff;transform:translateY(-1px)}.notes-placeholder{color:var(--text-gray);background:var(--surface-soft);border:1px dashed var(--border-color);text-align:left;border-radius:14px;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.6}[data-theme=dark] .notes-placeholder{background:#ffffff03;border-color:#ffffff0a}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-white);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);border-radius:24px;width:100%;max-width:520px;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-zoom}@keyframes modal-zoom{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark] .modal-content{background:#090b14e6;border-color:#ffffff14}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{font-family:var(--font-cyber);color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.contact-actions-dropdown{background:var(--surface-white);border:1px solid var(--border-color);z-index:50;border-radius:16px;width:220px;margin-top:8px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards contact-menu-zoom;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000014,0 2px 10px #0000000a}[data-theme=dark] .contact-actions-dropdown{background:var(--surface-soft);box-shadow:0 10px 30px #0006}@keyframes contact-menu-zoom{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.contact-actions-dropdown .action-item{width:100%;color:var(--text-dark);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;height:44px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.contact-actions-dropdown .action-item svg{color:var(--text-muted);transition:color .2s}.contact-actions-dropdown .action-item:hover{background:var(--surface-hover,#0000000a)}[data-theme=dark] .contact-actions-dropdown .action-item:hover{background:#ffffff0f}.contact-actions-dropdown .action-item.danger,.contact-actions-dropdown .action-item.danger svg{color:#ef4444}.contact-actions-dropdown .action-item.danger:hover{background:#ef44441a}.close-btn{cursor:pointer;color:var(--text-gray);background:0 0;border:none;font-size:24px;transition:all .2s}.close-btn:hover{color:var(--cyber-cyan);transform:scale(1.08)}.info-modal{width:90%;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;text-align:left!important;border-radius:24px!important;max-width:320px!important;padding:12px 16px 16px!important}.info-modal .modal-header{margin-top:0!important;margin-bottom:4px!important}.info-preview-msg{max-height:150px;margin-top:0;padding-right:4px;overflow-y:auto;text-align:left!important}.info-preview-text{color:var(--text-dark);background:linear-gradient(135deg, var(--brand-purple-light) 0%, #6366f103 100%);border:1px solid var(--brand-purple-glow);border-left:4px solid var(--brand-purple);white-space:pre-wrap;border-radius:12px;margin:0 0 10px;padding:8px 12px;font-size:12.5px;font-weight:500;line-height:1.45;position:relative;box-shadow:0 4px 12px #6366f108,inset 0 1px #fff9;text-align:left!important}[data-theme=dark] .info-preview-text{border-color:#818cf826;border-left-color:var(--brand-purple);color:var(--text-light);background:linear-gradient(135deg,#818cf81a 0%,#818cf805 100%);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff0d}.status-timeline{flex-direction:column;gap:16px;padding:4px 0 4px 4px;display:flex;position:relative;text-align:left!important}.status-timeline:before{content:"";background:var(--border-color);z-index:1;width:2px;position:absolute;top:20px;bottom:20px;left:24px}[data-theme=dark] .status-timeline:before{background:#ffffff14}.timeline-item{z-index:2;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.timeline-icon{background:var(--surface-white);border:2px solid var(--border-color);width:40px;height:40px;color:var(--text-gray);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .timeline-icon{background:#090b14;border-color:#ffffff14}.timeline-item.active .timeline-icon{border-color:var(--brand-purple);color:var(--brand-purple);background:#6366f10f;box-shadow:0 0 12px #6366f133,inset 0 1px #fff3}[data-theme=dark] .timeline-item.active .timeline-icon{border-color:var(--brand-purple);color:var(--brand-purple);background:#818cf81f;box-shadow:0 0 16px #818cf840}.timeline-item.read .timeline-icon{color:#25d366;background:#25d3660f;border-color:#25d366;box-shadow:0 0 12px #25d36640}[data-theme=dark] .timeline-item.read .timeline-icon{color:#25d366;background:#25d3661f;border-color:#25d366;box-shadow:0 0 16px #25d3664d}.timeline-item.failed .timeline-icon{color:#ef4444;background:#ef44440f;border-color:#ef4444;box-shadow:0 0 12px #ef444440}[data-theme=dark] .timeline-item.failed .timeline-icon{color:#ef4444;background:#ef44441f;border-color:#ef4444;box-shadow:0 0 16px #ef44444d}.timeline-item.disabled{opacity:.5}.timeline-item.disabled .timeline-icon{color:var(--text-gray);background:0 0;border-style:dashed}.timeline-content{flex-direction:column;flex:1;gap:3px;display:flex;text-align:left!important}.timeline-label{color:var(--text-dark);font-size:13.5px;font-weight:700;transition:color .3s}[data-theme=dark] .timeline-label{color:var(--text-light)}.timeline-item.read .timeline-label{color:#25d366}.timeline-time{color:var(--text-gray);font-size:11.5px;font-weight:500}.header-dropdown-container{align-items:center;display:flex}.header-minimal-select{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:12px;outline:none;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;transition:background-color .2s;display:flex}.header-minimal-select:hover{background-color:var(--surface-soft)}[data-theme=dark] .header-minimal-select:hover{background-color:#ffffff0a}.header-minimal-select.submit-as{color:var(--cyber-cyan)}.contact-panel-full{background:var(--surface-white);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}[data-theme=dark] .contact-panel-full{background:0 0}.close-panel.red-btn{color:#ef4444!important;background:#fee2e2!important;border:1px solid #ef444433!important}.close-panel.red-btn:hover{transform:rotate(90deg)scale(1.05);color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 4px 12px #ef444440!important}.panel-header-compact{border-bottom:1px solid var(--border-color);background:var(--surface-white);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:20px 28px;display:flex}[data-theme=dark] .panel-header-compact{background:0 0;border-bottom-color:#ffffff0d}.panel-title-text{color:var(--text-gray);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:11px;font-weight:700}.panel-dashboard-grid{box-sizing:border-box;background:linear-gradient(180deg, var(--surface-white) 0%, var(--surface-soft) 100%);flex-direction:row;flex-grow:1;gap:28px;width:100%;height:calc(100% - 61px);padding:28px;display:flex;overflow:hidden}[data-theme=dark] .panel-dashboard-grid{background:0 0}.dashboard-profile-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;text-align:center;background:#fffc;border:1px solid #e0e7ff80;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:32%;padding:32px 20px;display:flex;box-shadow:0 10px 30px #7551ff08}[data-theme=dark] .dashboard-profile-card{box-shadow:none;background:#ffffff04;border-color:#ffffff0d}.chat-item-avatar.large-compact{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);border:4px solid var(--surface-white);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 0 20px;font-size:32px;font-weight:800;transition:transform .3s;display:flex;box-shadow:0 12px 28px #6366f14d}.dashboard-profile-card:hover .chat-item-avatar.large-compact{transform:scale(1.05)rotate(3deg)}[data-theme=dark] .chat-item-avatar.large-compact{border-color:#ffffff1a}.profile-name-text{color:var(--text-dark);letter-spacing:-.5px;margin:0;font-size:20px;font-weight:800}.online-status-badge{color:#059669;text-transform:uppercase;letter-spacing:.5px;background:#ecfdf5;border:1px solid #10b98126;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .online-status-badge{color:#34d399;background:#10b9811a}.online-status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #10b981}.info-card-compact{background:var(--surface-white);border:1px solid var(--border-color);box-sizing:border-box;text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin-top:24px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #00000003}[data-theme=dark] .info-card-compact{background:#ffffff05;border-color:#ffffff0d}.info-text-group{flex-direction:column;display:flex}.info-label-text{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.info-value-text{color:var(--text-dark);margin-top:2px;font-size:13.5px;font-weight:750}.dashboard-details-stack{box-sizing:border-box;flex-direction:column;justify-content:center;gap:24px;width:68%;height:100%;display:flex}.section-compact{flex-direction:column;gap:12px;display:flex}.section-header-compact{justify-content:space-between;align-items:center;display:flex}.section-title-compact{color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.param-list-compact{flex-direction:row;gap:16px;width:100%;display:flex}.param-item-compact{background:var(--surface-white);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;flex:1;justify-content:space-between;align-items:center;padding:12px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000004}.param-item-compact:hover{border-color:var(--brand-purple-light);box-shadow:0 4px 15px #7551ff0d}[data-theme=dark] .param-item-compact{background:#ffffff04;border-color:#ffffff0d}.param-key-compact{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.param-value-compact{color:var(--text-dark);margin-left:8px;margin-right:auto;font-size:13.5px;font-weight:800}.del-btn-compact{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:18px;line-height:1;transition:all .2s}.del-btn-compact:hover{color:#ef4444;background:#ef444414}.dashboard-bottom-row{flex-direction:row;gap:24px;width:100%;display:flex}.half-width{width:50%}.tag-input-container-compact{background:var(--surface-white);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;align-items:center;gap:10px;width:100%;padding:8px 14px;transition:all .25s;display:flex;box-shadow:0 4px 12px #00000004}[data-theme=dark] .tag-input-container-compact{background:#ffffff04;border-color:#ffffff0d}.tag-input-container-compact:focus-within{border-color:var(--brand-purple);box-shadow:0 0 0 2px var(--brand-purple-light)}.tag-input-compact{color:var(--text-dark);background:0 0;border:none;outline:none;flex-grow:1;width:50px;font-size:13px}.tag-add-btn-compact{background:var(--brand-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.tag-add-btn-compact:hover{background:#5b3be6;box-shadow:0 4px 10px #5b3be633}.edit-btn-compact,.add-btn-compact{background:var(--brand-purple-light);color:var(--brand-purple);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.edit-btn-compact:hover,.add-btn-compact:hover{background:var(--brand-purple);color:#fff}.notes-placeholder-compact{color:var(--text-dark);background:var(--surface-white);border:1px dashed var(--border-color);border-left:4px solid var(--brand-purple);text-align:left;border-radius:16px;margin:0;padding:12px 16px;font-size:12.5px;line-height:1.5;box-shadow:0 4px 12px #00000003}[data-theme=dark] .notes-placeholder-compact{background:#ffffff04;border-color:#ffffff0a}.msg-media-wrapper{width:calc(100% + 20px);max-width:calc(100% + 20px);margin:-6px -10px 8px;position:relative;overflow:hidden}.message-wrapper.received .msg-media-wrapper{border-radius:4px 12px 0 0}.message-wrapper.sent .msg-media-wrapper{border-radius:12px 4px 0 0}.msg-media-image{cursor:pointer;object-fit:cover;border-radius:0;width:100%;max-width:100%;height:auto;max-height:320px;transition:transform .2s,filter .2s;display:block}@media (width<=768px){.msg-media-image{max-height:240px}}.msg-media-image:hover{filter:brightness(.92)}.msg-media-video{border-radius:0;outline:none;width:100%;max-width:100%;height:auto;max-height:280px;display:block}@media (width<=768px){.msg-media-video{max-height:220px}}.msg-audio-wrapper{margin-bottom:4px}.msg-document-card{width:calc(100% + 20px);max-width:calc(100% + 20px);color:inherit;background:#0000000f;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:12px;margin:-6px -10px 6px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.message-wrapper.sent .msg-document-card{background:#ffffff1f;border-color:#ffffff1a}.msg-document-card:hover{background:#0000001a;transform:translateY(-1px)}.message-wrapper.sent .msg-document-card:hover{background:#ffffff2e}.msg-doc-icon{color:#6366f1;background:#6366f11f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.message-wrapper.sent .msg-doc-icon{color:#fff;background:#ffffff26}.msg-doc-info{flex-direction:column;flex:1;min-width:0;display:flex}.msg-doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.msg-doc-action{opacity:.6;margin-top:2px;font-size:11px}.msg-buttons-container{border-top:1px solid #00000014;border-radius:0 0 12px 12px;flex-direction:column;width:calc(100% + 20px);margin:8px -10px -6px;display:flex;overflow:hidden}.message-wrapper.sent .msg-buttons-container{border-top-color:#ffffff26}.msg-wa-button{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.msg-wa-button:first-child{border-top:none}.msg-wa-button.received{color:#00a884}.msg-wa-button.received:hover{background:#00a8840a}.msg-wa-button.sent{color:#fff;border-top-color:#ffffff26}.msg-wa-button.sent:hover{background:#ffffff14}.msg-wa-button svg{flex-shrink:0}.mobile-back-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;padding:8px;transition:all .2s;display:none}.mobile-back-btn:hover{background:var(--surface-soft)}.contact-info-sidebar{background:var(--surface-white);width:320px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);z-index:10;border-radius:24px;flex-direction:column;flex-shrink:0;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;overflow:hidden}[data-theme=dark] .contact-info-sidebar{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.contact-info-header{background:var(--surface-white);border-bottom:1px solid var(--border-color);align-items:center;gap:16px;height:72px;padding:0 16px;display:flex}[data-theme=dark] .contact-info-header{background:var(--surface-soft)}.contact-info-header .close-btn{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.contact-info-header .close-btn:hover{color:var(--text-dark);background:#0000000d}[data-theme=dark] .contact-info-header .close-btn:hover{background:#ffffff1a}.contact-info-header h2{color:var(--text-dark);margin:0;font-size:16px;font-weight:600}.contact-info-body{text-align:center;flex-direction:column;align-items:center;padding:32px 16px;display:flex}.contact-info-avatar{background:var(--brand-purple-light);width:160px;height:160px;color:var(--brand-purple);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:56px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000000d}.contact-info-name{color:var(--text-dark);justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:8px;font-size:22px;font-weight:600;display:flex}.contact-info-phone{color:var(--text-gray);font-size:16px;font-weight:500}.edit-name-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.edit-name-btn:hover{color:var(--brand-purple);background:#6366f11a}.edit-name-input{color:var(--text-dark);background:var(--surface-white);border:1px solid var(--brand-purple);text-align:center;border-radius:8px;outline:none;width:100%;max-width:220px;padding:6px 12px;font-size:18px;font-weight:600;box-shadow:0 0 0 3px #6366f126}[data-theme=dark] .edit-name-input{color:#fff;background:#0003}.save-name-btn{background:var(--brand-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex}.save-name-btn:hover{transform:scale(1.05)}@media (width<=1024px){.inbox-layout{gap:12px}.chat-sidebar{width:250px}}@media (width<=768px){.inbox-wrapper{padding:0!important}.inbox-layout{flex-direction:column;flex:1;gap:0;height:100%!important}.chat-sidebar{border-radius:16px;flex:1;width:100%}.chat-window{border-radius:16px;flex:1;width:100%;margin:0}.inbox-layout.mobile-list-active .chat-window,.inbox-layout.mobile-chat-active .chat-sidebar{display:none!important}.mobile-back-btn{display:flex}.chat-window-header{padding:12px 16px}.chat-history{padding:16px 12px}.message-wrapper{margin-bottom:8px}.message-container{max-width:78%}.chat-input-area{z-index:10;background:var(--surface-white);box-sizing:border-box;border-radius:0;width:100%;max-width:100vw;margin:0;padding:12px;position:sticky;bottom:0}.chat-input-field{box-sizing:border-box;width:100%;padding:10px 14px}.input-actions{flex-shrink:0;gap:2px}.btn-icon{width:36px;height:36px}.contact-panel-full{z-index:50;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}.inbox-layout.panel-open .chat-sidebar{display:none!important}}@media (width<=480px){.inbox-wrapper{height:100%!important;padding:0!important;overflow:hidden!important}.inbox-layout{gap:0!important;height:100%!important}.chat-sidebar,.chat-window{border-radius:0!important}.chat-window-header{padding:10px 12px!important}.chat-history{padding:12px 8px!important}.chat-input-area{padding:8px 10px!important}.chat-input-field{padding:8px 10px!important;font-size:14px!important}.btn-icon{width:32px!important;height:32px!important}.message-container{max-width:78%!important}}.template-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0f172a80;animation:.2s ease-in-out fadeIn;position:fixed;inset:0}.template-modal{background:var(--surface-white);width:90%;max-width:900px;height:85vh;max-height:700px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(4px);border-radius:24px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}[data-theme=dark] .template-modal{background:#0d101bf2;border-color:#ffffff14}.template-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.template-modal-header h2{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.close-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff40;transform:scale(1.05)}.template-modal-content{background:var(--border-color);flex:1;gap:1px;display:flex;overflow:hidden}.template-sidebar{background:var(--surface-white);border-right:1px solid var(--border-color);flex-direction:column;gap:20px;width:240px;padding:20px;display:flex;overflow-y:auto}[data-theme=dark] .template-sidebar{background:0 0}.search-box{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.search-box:focus-within{border-color:var(--brand-purple);background:var(--surface-white);box-shadow:0 0 0 2px var(--brand-purple-glow)}.search-box svg{color:var(--text-gray);flex-shrink:0}.search-box input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:var(--text-gray)}.category-list{flex-direction:column;gap:6px;display:flex}.category-list h3{text-transform:uppercase;color:var(--text-gray);letter-spacing:.8px;margin:0 0 8px;padding:0 12px;font-size:11px;font-weight:800}.category-item{cursor:pointer;color:var(--text-dark);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.category-item:hover{background:var(--surface-soft)}.category-item.active{background:var(--brand-purple-light);color:var(--brand-purple);font-weight:700}.category-item .count{color:var(--text-gray);background:var(--surface-soft-2);text-align:center;border:1px solid var(--border-color);border-radius:10px;min-width:24px;padding:2px 8px;font-size:12px}.category-item.active .count{background:var(--brand-purple-light);color:var(--brand-purple);border-color:var(--brand-purple-glow)}.template-main{background:var(--border-color);flex:1;gap:1px;display:flex;overflow:hidden}.template-list{background:var(--surface-white);border-right:1px solid var(--border-color);flex-direction:column;gap:12px;width:280px;padding:20px;display:flex;overflow:hidden}[data-theme=dark] .template-list{background:0 0}.template-list h3{color:var(--text-dark);margin:0 0 12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.mobile-back-btn{display:none}.templates-scroll{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.template-card{background:var(--surface-soft-2);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.template-card:hover{border-color:var(--brand-purple);background:var(--surface-white)}.template-card.active{border-color:var(--brand-purple-glow);background:var(--brand-purple-light)}.template-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.template-card-header h4{color:var(--text-dark);word-break:break-word;flex:1;margin:0;font-size:13.5px;font-weight:700}.category-badge{white-space:nowrap;text-transform:uppercase;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.category-badge.marketing{color:#6366f1;background:#6366f114;border-color:#6366f126}.category-badge.utility{color:#9333ea;background:#9333ea14;border-color:#9333ea26}.category-badge.authentication{color:#10b981;background:#10b98114;border-color:#10b98126}.template-preview{color:var(--text-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-meta{color:var(--text-muted);font-size:11px;font-weight:600}.loading,.error,.no-templates,.no-selection{height:100%;color:var(--text-gray);text-align:center;justify-content:center;align-items:center;font-size:14px;display:flex}.error{color:#ef4444}.no-templates,.no-selection{padding:40px 20px}.template-preview{background:var(--surface-white);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}[data-theme=dark] .template-preview{background:0 0}.preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-header h3{color:var(--text-dark);margin:0;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.preview-content{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.preview-box{background:var(--surface-soft-2);border:1px solid var(--border-color);border-left:4px solid var(--brand-purple);border-radius:12px;padding:20px}.template-name{color:var(--text-dark);margin:0 0 8px;font-size:14px;font-weight:700}.template-body{color:var(--text-dark);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.template-footer{border-top:1px solid var(--border-color);color:var(--text-gray);margin-top:12px;padding-top:12px;font-size:12px;font-style:italic}.variables-info{background:var(--brand-purple-light);border:1px solid var(--brand-purple-glow);border-radius:12px;padding:16px}.variables-info h4{color:var(--brand-purple);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:800}.variables-list{flex-wrap:wrap;gap:6px;display:flex}.variable-tag{background:var(--surface-white);color:var(--brand-purple);border:1px solid var(--brand-purple-glow);border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:inline-block}.use-template-btn{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:10px;margin-top:auto;padding:12px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.use-template-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.use-template-btn:active:not(:disabled){transform:scale(.98)}.use-template-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.variable-form-content{background:var(--surface-white);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow:hidden}.variables-section{flex-direction:column;flex:1;gap:16px;padding-right:8px;display:flex;overflow-y:auto}.variable-input-group{flex-direction:column;gap:6px;display:flex}.variable-input-group label{color:var(--text-dark);text-transform:capitalize;font-size:13px;font-weight:600}.variable-input-group input{border:1px solid var(--border-color);color:var(--text-dark);background:var(--surface-soft-2);border-radius:10px;padding:10px 12px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.variable-input-group input:focus{border-color:var(--brand-purple);background:var(--surface-white);box-shadow:0 0 0 2px var(--brand-purple-glow);outline:none}.variable-input-group input::placeholder{color:var(--text-muted)}.preview-section{background:var(--surface-soft-2);border:1px solid var(--border-color);border-left:4px solid var(--brand-purple);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.preview-section h3{color:var(--text-dark);margin:0 0 8px;font-size:13px;font-weight:700}.preview-section .preview-box{background:var(--surface-white);border:1px solid var(--border-color);color:var(--text-dark);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:200px;padding:10px;font-size:13px;line-height:1.5;overflow-y:auto}.form-actions{gap:12px;display:flex}.cancel-btn,.confirm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.cancel-btn{color:var(--text-gray);border:1px solid var(--border-color);background:0 0}.cancel-btn:hover{background:var(--surface-soft);color:var(--text-dark)}.confirm-btn{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 100%);color:#fff;box-shadow:var(--shadow-sm)}.confirm-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.preview-card-premium{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif}.preview-card-premium .preview-header .badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#10b981;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800}.inputs-section{flex-direction:column;gap:16px;margin-top:8px;padding-bottom:20px;display:flex}.inputs-section h4{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:11px;font-weight:800}.remove-media-btn{color:#fff;cursor:pointer;background:#0f172a99;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-media-btn:hover{background:#ef4444;transform:scale(1.1)}.compact-media-preview-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:200px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.compact-media-preview-container img,.compact-media-preview-container video{object-fit:contain;max-width:100%;max-height:200px;display:block}.dashed-media-placeholder{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:24px 16px;display:flex}.use-template-btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;background:#cbd5e1!important;transform:none!important}.upload-btn-premium{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:8px 20px;font-size:13.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}.upload-btn-premium:hover{border-color:#6366f1;transform:translateY(-1px)}.preview-card-premium .preview-body{color:#334155;margin-top:16px;font-size:14px;line-height:1.6}.premium-label-grey{text-transform:uppercase;color:#94a3b8;letter-spacing:.8px;margin-top:24px;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.premium-input-transparent{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px}.form-actions-premium{gap:16px;margin-top:32px;padding-bottom:24px;display:flex}.confirm-btn-premium{color:#fff;cursor:pointer;background:#c7d2fe;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.confirm-btn-premium.active{background:#818cf8;box-shadow:0 10px 15px -3px #6366f140}.cancel-btn-premium{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex:1;padding:16px;font-size:15px;font-weight:800;transition:all .2s}.variable-form-header-premium{color:#fff;background:#818cf8;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.variable-form-header-premium h2{margin:0;font-size:20px;font-weight:800}.variable-form-header-premium .close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.template-modal-header{background:#818cf8}.cancel-btn-premium:hover{background:#f1f5f9}.templates-scroll::-webkit-scrollbar{width:6px}.template-sidebar::-webkit-scrollbar{width:6px}.template-preview::-webkit-scrollbar{width:6px}.templates-scroll::-webkit-scrollbar-track{background:0 0}.template-sidebar::-webkit-scrollbar-track{background:0 0}.template-preview::-webkit-scrollbar-track{background:0 0}.templates-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.template-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.template-preview::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.templates-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.template-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.template-preview::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}@media (width<=768px){.template-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100vh;margin:0;top:0;left:0;transform:translate(0)}.template-modal-content{flex-direction:column}.template-sidebar{border-bottom:1px solid var(--border-color);border-right:none;width:100%;max-height:250px}.template-main{flex-direction:column;flex:1;overflow:hidden}.template-list{border-bottom:1px solid var(--border-color);border-right:none;width:100%;max-height:250px}.template-preview{flex:1;width:100%}.preview-box{max-height:200px;overflow-y:auto}}@media (width<=480px){.template-modal-header{padding:16px}.template-modal-header h2{font-size:18px}.template-sidebar,.template-list,.template-preview{padding:16px}.search-box input{font-size:16px}}.var-section-label{text-transform:uppercase;color:var(--text-gray);letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.var-badge{background:var(--brand-purple-light);color:var(--brand-purple);border:1px solid var(--brand-purple-glow,#6366f126);border-radius:6px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-block}.var-header-media-section{margin-bottom:4px}.var-media-upload-zone{border:2px dashed var(--border-color);background:var(--surface-soft-2,#f8fafc);border-radius:12px;padding:12px;transition:all .2s}.var-media-upload-zone:focus-within{border-color:var(--brand-purple);background:var(--surface-white)}.var-media-preview-row{align-items:center;gap:10px;display:flex}.var-media-thumb{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;width:48px;height:48px}.var-media-doc-icon{background:var(--brand-purple-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.var-media-url-input{border:1px solid var(--border-color);color:var(--text-dark);background:var(--surface-white);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.var-media-url-input.full{width:100%}.var-media-url-input:focus{border-color:var(--brand-purple);box-shadow:0 0 0 2px var(--brand-purple-glow,#6366f11a)}.var-media-url-input::placeholder{color:var(--text-muted)}.var-media-clear{color:#ef4444;cursor:pointer;background:#ef444414;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.var-media-clear:hover{background:#ef444426}.wa-preview-section{margin-top:4px}.wa-preview-phone{background:#0b141a url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M30 5 L35 15 L30 10 L25 15Z' fill='%23ffffff05'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='60' height='60' fill='url(%23p)'/%3E%3C/svg%3E");border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.wa-preview-bubble{background:#1f2c34;border-radius:12px 12px 12px 4px;max-width:100%;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000004d}.wa-preview-header-media{width:100%;overflow:hidden}.wa-preview-header-media img,.wa-preview-header-media video{object-fit:cover;width:100%;max-height:180px;display:block}.wa-preview-header-media.placeholder{background:#ffffff08;border-bottom:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 16px;display:flex}.wa-preview-header-media.placeholder span{color:#94a3b8;font-size:12px}.wa-preview-doc{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:14px 16px;display:flex}.wa-preview-doc span{color:#94a3b8;font-size:13px}.wa-preview-body{color:#e9edef;white-space:pre-wrap;word-break:break-word;padding:10px 14px 4px;font-size:13.5px;line-height:1.5}.wa-preview-footer{color:#8696a0;padding:2px 14px 4px;font-size:12px;font-style:italic}.wa-preview-time{text-align:right;color:#8696a0;padding:0 14px 8px;font-size:11px}.wa-preview-buttons{flex-direction:column;gap:1px;margin-top:4px;display:flex}.wa-preview-btn{color:#53bdeb;cursor:default;background:#1f2c34;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.wa-preview-btn svg{color:#53bdeb;flex-shrink:0}.confirm-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.var-file-upload-zone{border-radius:14px;overflow:hidden}.var-file-upload-btn{cursor:pointer;border:2px dashed var(--brand-purple,#6366f1);background:linear-gradient(135deg,#6366f10a 0%,#6366f105 100%);border-radius:14px;padding:28px 20px;transition:all .25s;display:block}.var-file-upload-btn:hover{background:linear-gradient(135deg,#6366f114 0%,#6366f10a 100%);border-color:#4f46e5}.var-file-upload-inner{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.var-file-upload-text{color:var(--brand-purple,#6366f1);font-size:14px;font-weight:700}.var-file-upload-hint{color:var(--text-muted,#94a3b8);font-size:11.5px;font-weight:500}.var-file-preview{background:var(--surface-soft-2,#f8fafc);border:2px solid #6366f133;border-radius:14px;position:relative;overflow:hidden}.var-file-preview-img{object-fit:cover;border-radius:12px 12px 0 0;width:100%;max-height:180px;display:block}.var-file-preview-doc{background:var(--brand-purple-light,#6366f10f);align-items:center;gap:12px;padding:16px 20px;display:flex}.var-file-preview-doc span{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.var-file-change-btn{color:#ef4444;cursor:pointer;background:#ef444412;border:none;border-top:1px solid #ef44441f;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.var-file-change-btn:hover{background:#ef444421}.var-url-badge{color:#059669;background:#10b98114;border:1px solid #10b9812e;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.template-preview-panel{margin-top:20px}.preview-card-compact{background:var(--surface-soft,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:18px 18px 18px 4px;margin-top:12px;padding:16px;position:relative;box-shadow:0 4px 12px #00000008}.preview-header{border-bottom:1px solid #6366f11a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.preview-header .name{color:var(--text-dark,#0f172a);font-size:13px;font-weight:800}.preview-header .badge{color:#fff;text-transform:uppercase;background:#10b981;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:800}.preview-body{color:var(--text-dark,#1e293b);white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.6}.variables-section{margin-top:24px;animation:.3s fadeIn}.var-section-label{color:var(--text-muted,#64748b);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.var-inputs{flex-direction:column;gap:10px;display:flex}.var-field{background:var(--surface-white,#fff);border:1.5px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:10px;padding:6px;transition:all .2s;display:flex}.var-field:focus-within{border-color:#6366f1;box-shadow:0 4px 12px #6366f10d}.var-pill{background:var(--brand-purple-light,#6366f10f);color:#6366f1;text-align:center;border-radius:8px;min-width:45px;padding:6px 10px;font-family:monospace;font-size:12px;font-weight:800}.var-input{outline:none;width:100%;box-shadow:none!important;background:0 0!important;border:none!important;padding:8px!important;font-size:13px!important}[data-theme=dark] .preview-card-compact{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .preview-header{border-bottom-color:#ffffff14}[data-theme=dark] .preview-header .name{color:#f1f5f9}[data-theme=dark] .preview-body{color:#cbd5e1}[data-theme=dark] .var-field{background:#0d101b66;border-color:#ffffff14}[data-theme=dark] .var-field:focus-within{border-color:#6366f1}[data-theme=dark] .var-input{color:#f1f5f9}.premium-label-grey{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.preview-card-premium{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:24px;padding:24px}.preview-card-premium .preview-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.preview-card-premium .preview-body{color:#334155;white-space:pre-wrap;font-size:14px;line-height:1.6}.field-card-premium.url-focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.field-card-premium:focus-within{border-color:#6366f1}.btn-pill-green-premium{color:#10b981;white-space:nowrap;background:#eefdf6;border:1px solid #d1fae5;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.var-pill-purple-premium{color:#7c3aed;background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;padding:8px 16px;font-family:monospace;font-size:13px;font-weight:700}.premium-input-transparent{color:#1e293b;width:100%;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:8px 0!important;font-size:14px!important}.dashed-media-placeholder{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:16px;padding:24px}.dashed-media-placeholder span{color:#64748b;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.upload-btn-premium:hover{background:#f8fafc;border-color:#4f46e5}.variable-form-header-premium{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:32px 32px 0 0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.variable-form-header-premium h2{color:#fff!important;margin:0!important;font-family:Outfit,sans-serif!important;font-size:20px!important;font-weight:700!important}.variable-form-header-premium .close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;transition:all .2s;display:flex}.variable-form-header-premium .close-btn:hover{background:#ffffff4d}.premium-label-grey{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;margin-top:24px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.preview-card-premium{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.preview-card-premium .preview-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.preview-card-premium .preview-header .name{color:#1e293b;font-size:16px;font-weight:800}.preview-card-premium .preview-header .badge{background:#10b981;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;color:#fff!important}.dashed-media-placeholder{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:30px;display:flex}.dashed-media-placeholder span{color:#64748b;font-size:14px;font-weight:600}.upload-btn-premium{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.field-card-premium{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;margin-bottom:14px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.field-card-premium:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.btn-pill-green-premium{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:700}.var-pill-purple-premium{color:#7c3aed;white-space:nowrap;background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:700}.premium-input-transparent{color:#1e293b;background:0 0;flex:1;font-size:15px;font-weight:500;border:none!important;outline:none!important}.premium-input-transparent::placeholder{color:#94a3b8}.form-actions-premium{gap:16px;margin-top:32px;display:flex}.cancel-btn-premium,.confirm-btn-premium{cursor:pointer;border:none;border-radius:16px;flex:1;padding:16px;font-size:15px;font-weight:700;transition:all .2s}.cancel-btn-premium{color:#64748b;background:#f1f5f9}.confirm-btn-premium{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.confirm-btn-premium.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f133}[data-theme=dark] .variable-form-content{background:#0f172a!important}[data-theme=dark] .preview-card-premium{background:#1e293b;border-color:#334155}[data-theme=dark] .preview-card-premium .name{color:#f1f5f9}[data-theme=dark] .dashed-media-placeholder{background:#1e293b;border-color:#334155}[data-theme=dark] .dashed-media-placeholder span{color:#94a3b8}[data-theme=dark] .upload-btn-premium{color:#a5b4fc;background:#334155;border-color:#475569}[data-theme=dark] .field-card-premium{background:#1e293b;border-color:#334155}[data-theme=dark] .premium-input-transparent{color:#f1f5f9}[data-theme=dark] .cancel-btn-premium{color:#94a3b8;background:#334155}@media (width<=768px){.template-modal,.template-modal-content,.template-sidebar,.template-main,.template-list,.template-preview,.preview-content,.preview-box,.inputs-section,.field-card-premium,.premium-input-transparent{box-sizing:border-box!important;max-width:100%!important}.template-modal{border:none;border-top:1px solid var(--border-color);border-radius:24px 24px 0 0;width:100vw;max-width:100vw;height:90vh;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;top:auto;bottom:0;left:0;transform:none}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.template-modal-content{flex-direction:column;position:relative;overflow-y:auto}.template-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;width:100%;min-height:max-content;padding:16px;display:flex}.category-list{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;padding-bottom:8px;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-item{background:var(--surface-soft);white-space:nowrap;padding:8px 16px}.category-list h3{display:none}.template-main{flex-direction:column;width:100%;padding:0;overflow:visible}.template-list{border-right:none;width:100%;padding:16px}.template-preview{display:none}.template-preview.mobile-preview-active{background:var(--surface-white);z-index:10;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}[data-theme=dark] .template-preview.mobile-preview-active{background:var(--bg-main)}.mobile-back-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-8px;padding:8px;display:flex}}.date-separator-container{align-items:center;gap:12px;margin:12px 0 8px;padding:0 16px;display:flex}.date-separator-line{background:linear-gradient(90deg,#0000,#0000001a,#0000);flex:1;height:1px}.date-separator-label{white-space:nowrap;color:var(--text-muted,#888);background:var(--bg-bubble-received,#f0f0f0);letter-spacing:.3px;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1}@keyframes slideInDate{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.date-separator-container{animation:.2s ease-out slideInDate}@media (prefers-color-scheme:dark){.date-separator-line{background:linear-gradient(90deg,#fff0,#ffffff14,#fff0)}.date-separator-label{background:var(--bg-bubble-received,#2a2a2a);color:var(--text-muted,#999)}}@media (prefers-color-scheme:light){.date-separator-label{color:#888;background:#f0f0f0}}.unread-divider-container{align-items:center;gap:12px;margin:16px 0;padding:0 16px;animation:.3s ease-in-out fadeIn;display:flex}.unread-divider-line{background:linear-gradient(90deg,#af66ff4d,#af66ff1a);flex:1;height:1px}.unread-divider-label{white-space:nowrap;align-items:center;gap:8px;display:flex}.unread-divider-text{color:#7551ff;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:500}.unread-divider-text.unread-divider-empty{opacity:.6;font-style:italic}.unread-divider-sticky{z-index:10;position:sticky;top:50%}@media (prefers-color-scheme:dark){.unread-divider-line{background:linear-gradient(90deg,#af66ff40,#af66ff14)}.unread-divider-text{color:#a078ff}}.message-group-container{flex-direction:column;width:100%;padding:8px 0;display:flex}.message-date-group,.message-with-divider{flex-direction:column;display:flex}.message-group-empty{text-align:center;min-height:240px;color:var(--text-gray,#8696a0);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.message-group-empty-icon{color:#8696a0;background:#8696a014;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.message-group-empty p{color:var(--text-dark,#111b21);margin:0;font-size:15px;font-weight:600}.message-group-empty span{color:#8696a0;margin:0;font-size:13px}@keyframes smoothScroll{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-with-divider{animation:.15s ease-out smoothScroll}.message-group-loading{color:var(--text-gray,#888);justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex}.message-group-container::-webkit-scrollbar{width:6px}.message-group-container::-webkit-scrollbar-track{background:0 0}.message-group-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message-group-container::-webkit-scrollbar-thumb:hover{background:#0006}@media (width<=768px){.message-group-container{padding:4px 0}.message-date-group{margin:0}}@media (prefers-color-scheme:dark){.message-group-container::-webkit-scrollbar-thumb{background:#ffffff26}.message-group-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.typing-indicator-wrapper{justify-content:flex-start;padding:4px 16px 8px;animation:.2s ease-out msg-fade-in;display:flex}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.typing-bubble{background:var(--surface-white,#fff);border:1px solid #00000012;border-radius:4px 18px 18px;align-items:center;gap:5px;padding:12px 16px;display:inline-flex;box-shadow:0 1px 3px #00000014}[data-theme=dark] .typing-bubble{background:#202c33e6;border-color:#ffffff0f}.typing-dot{background:#8696a0;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce;display:inline-block}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{background:#8696a0;transform:translateY(0)}30%{background:#25d366;transform:translateY(-5px)}}.campaigns-page{background:0 0;flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.campaigns-header{margin-bottom:var(--layout-gap);background:var(--surface-white);padding:var(--container-padding);border-radius:var(--container-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .campaigns-header{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.campaigns-header h2{font-family:var(--font-cyber);color:var(--text-dark);margin:0 0 6px;font-size:24px;font-weight:700}.campaigns-header p{color:var(--text-gray);margin:0;font-size:14px}.campaign-create-btn{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;cursor:pointer;font-weight:700;font-family:var(--font-cyber);box-shadow:var(--shadow-sm);border:none;border-radius:12px;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.campaign-create-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.campaign-notice{z-index:9999;width:340px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(4px);border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInNotice;display:flex;position:fixed;top:24px;right:24px}.campaign-notice.success{color:#10b981;background:#10b98126;border-color:#10b98140}.campaign-notice.error,.campaign-notice.delete{color:#ef4444;background:#ef444426;border-color:#ef444440}.campaign-notice button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:12px;padding:0;font-size:16px;transition:opacity .2s;display:flex}.campaign-notice button:hover{opacity:1}@keyframes slideInNotice{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.campaign-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.campaign-modal{background:var(--surface-white);border-radius:var(--container-radius);width:90%;max-width:600px;max-height:90vh;padding:var(--container-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(4px);animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown;overflow-y:auto}[data-theme=dark] .campaign-modal{background:#090b14eb;border-color:#ffffff14}.campaign-modal h3{font-family:var(--font-cyber);color:var(--text-dark);margin:0 0 20px;font-size:20px;font-weight:700}.campaign-form label{color:var(--text-dark);margin-bottom:18px;font-weight:700;display:block}.campaign-form input,.campaign-form select,.campaign-form textarea{border:1.5px solid var(--border-color);background-color:var(--surface-white);width:100%;color:var(--text-dark);border-radius:12px;margin-top:6px;padding:12px;font-family:inherit;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .campaign-form input,[data-theme=dark] .campaign-form select,[data-theme=dark] .campaign-form textarea{background-color:#161c2d73;border-color:#ffffff14}.campaign-form input:focus,.campaign-form select:focus,.campaign-form textarea:focus{border-color:var(--cyber-cyan);box-shadow:0 0 0 2px var(--cyber-cyan-glow);outline:none}.campaign-contacts-section{border:1px solid var(--border-color);background:var(--surface-soft-2);border-radius:16px;margin-bottom:18px;padding:18px}[data-theme=dark] .campaign-contacts-section{background:#090b1466;border-color:#ffffff0d}.campaign-variables-section{border:1px solid var(--border-color);background:var(--surface-soft-2);border-radius:16px;margin-bottom:18px;padding:18px}[data-theme=dark] .campaign-variables-section{background:#090b1466;border-color:#ffffff0d}.campaign-variables-section h4{font-family:var(--font-cyber);color:var(--text-dark);margin:0 0 12px;font-size:14px;font-weight:700}.campaign-template-preview{border:1px dashed var(--border-color);background:var(--surface-soft-2);color:var(--text-dark);white-space:pre-wrap;border-radius:12px;margin:0 0 16px;padding:16px;font-size:13px;line-height:1.5}[data-theme=dark] .campaign-template-preview{background:#090b1433}.contacts-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.contacts-header h4{font-family:var(--font-cyber);color:var(--text-dark);margin:0;font-size:14px;font-weight:700}.select-all-checkbox{cursor:pointer;color:var(--text-gray);align-items:center;font-weight:600;display:flex}.select-all-checkbox input{cursor:pointer;width:auto!important;margin-top:0!important;margin-right:6px!important}.contacts-filter{border:1px solid var(--border-color)!important;border-radius:8px!important;width:100%!important;margin-bottom:12px!important;padding:8px 12px!important}.contacts-list{border:1px solid var(--border-color);background:var(--surface-white);border-radius:12px;max-height:300px;overflow-y:auto}[data-theme=dark] .contacts-list{background:#090b1499;border-color:#ffffff0d}.contact-checkbox{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-dark);align-items:center;padding:10px 14px;font-size:13px;font-weight:400;transition:background .2s;display:flex}[data-theme=dark] .contact-checkbox{border-bottom-color:#ffffff08}.contact-checkbox:hover{background:var(--brand-purple-light)}.contact-checkbox:last-child{border-bottom:none}.contact-checkbox input{cursor:pointer;width:auto!important;margin-top:0!important;margin-right:8px!important}.contact-checkbox span{flex:1}.no-contacts{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.contacts-count{color:var(--text-gray);border-top:1px solid var(--border-color);margin:0;padding:10px 14px;font-size:12px}.campaign-submit-btn{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;cursor:pointer;font-weight:700;font-family:var(--font-cyber);width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:12px;margin-bottom:10px;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.campaign-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.campaign-submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:var(--text-muted)!important}.campaign-cancel-btn{border:1px solid var(--border-color);cursor:pointer;font-weight:700;font-family:var(--font-cyber);width:100%;color:var(--text-gray);background:0 0;border-radius:12px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.campaign-cancel-btn:hover{border-color:var(--cyber-cyan);color:var(--cyber-cyan);background:#22d3ee0a}.campaigns-list{background:var(--surface-white);border-radius:var(--container-radius);padding:var(--container-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);flex-direction:column;flex:1;display:flex;overflow:hidden}[data-theme=dark] .campaigns-list{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.campaigns-list h3{font-family:var(--font-cyber);color:var(--text-dark);margin:0 0 20px;font-size:18px;font-weight:700}.campaign-name-button{appearance:none;color:var(--text-dark);cursor:pointer;text-align:center;background:0 0;border:0;padding:0;font-weight:700;transition:all .2s}.campaign-name-button:hover{color:var(--brand-purple);text-decoration:underline}.campaign-detail-view{flex-direction:column;gap:10px;display:flex}.campaign-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.campaign-detail-title-wrap{align-items:center;gap:14px;display:flex}.campaign-detail-header h3,.sent-campaigns-title{font-family:var(--font-cyber);color:var(--text-dark);margin:0;font-size:18px;font-weight:700}.campaign-back-btn{border:1px solid var(--border-color);background:var(--surface-white);color:var(--text-dark);cursor:pointer;font-weight:700;font-family:var(--font-cyber);box-shadow:var(--shadow-sm);border-radius:10px;padding:8px 16px;transition:all .2s}[data-theme=dark] .campaign-back-btn{background:#ffffff0a;border-color:#ffffff14}.campaign-back-btn:hover{background:var(--surface-soft);transform:translate(-2px)}.campaign-message-details-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:100%;margin-top:14px;margin-bottom:4px;display:flex}.campaign-info-stats{color:var(--text-gray);flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:13px;display:flex}[data-theme=dark] .campaign-info-stats{color:var(--text-gray)}.campaign-detail-actions{align-items:center;gap:8px;display:flex}.campaign-message-cell{white-space:normal;max-width:460px;line-height:1.45}.no-campaigns{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:14px}.campaigns-table{border-collapse:collapse;width:100%;font-size:13.5px}.campaigns-table thead{background:var(--surface-soft-2);border-bottom:2px solid var(--border-color)}[data-theme=dark] .campaigns-table thead{background:#090b1480;border-bottom-color:#ffffff14}.campaigns-table th{text-align:center;color:#111;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800;font-family:var(--font-cyber);padding:8px 12px}[data-theme=dark] .campaigns-table th{color:var(--text-dark)}.campaigns-table td{border-bottom:1px solid var(--border-color);color:#111;text-align:center;vertical-align:middle;padding:8px 12px;font-weight:500}[data-theme=dark] .campaigns-table td{color:var(--text-dark);border-bottom-color:#ffffff0a}.campaigns-table tr{border-radius:8px;transition:background .2s}.campaigns-table tr:hover{background:var(--brand-purple-light)}[data-theme=dark] .campaigns-table tr:hover{background:#22d3ee08}.status-draft{color:#64748b;background:#64748b14;border:1px solid #64748b26;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-scheduled{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-running{color:#10b981;background:#10b98114;border:1px solid #10b98126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-completed{color:#6366f1;background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-failed{color:#ef4444;background:#ef444414;border:1px solid #ef444426;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-stopped{color:#8b5cf6;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-sent{color:#10b981;background:#10b98114;border:1px solid #10b98126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-delivered{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f626;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-read{color:#6366f1;background:#6366f114;border:1px solid #6366f126;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.actions{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;font-size:11.5px;font-weight:700;font-family:var(--font-cyber);border:none;border-radius:8px;padding:6px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.send-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 6px #10b98126}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.schedule-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 6px #f59e0b26}.schedule-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b40}.stop-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef444426}.stop-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.delete-btn{color:#ef4444;background:#ef444414;border:1px solid #ef444426}.delete-btn:hover{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.status-label{color:var(--text-muted);font-size:12px}.schedule-modal{max-width:420px}.schedule-campaign-name{color:var(--text-dark);margin:0 0 16px;font-size:15px;font-weight:700}.camp-mobile-status-badge,.campaigns-header-mobile{display:none}.campaigns-header-desktop{display:flex}.campaigns-page{box-sizing:border-box}@media (width<=768px){.campaigns-header-desktop{display:none!important}.campaigns-page{gap:12px;padding:var(--container-padding)!important}.campaigns-header-mobile{box-sizing:border-box;width:100%;margin-bottom:14px;position:relative;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.camp-mobile-select-wrap{flex:none!important;width:auto!important}.camp-mobile-select-trigger{background:var(--surface-white);border:1.5px solid var(--border-color);box-sizing:border-box;cursor:pointer;height:40px;color:var(--text-dark);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;max-width:100%;padding:0 14px;font-size:12.5px;font-weight:700;transition:all .2s;width:auto!important;display:inline-flex!important}[data-theme=dark] .camp-mobile-select-trigger{background:var(--glass-bg);border-color:var(--glass-border)}.camp-mobile-select-trigger:active{border-color:var(--brand-purple)}.camp-mobile-select-menu{background:var(--surface-white);border:1px solid var(--border-color);z-index:200;border-radius:14px;min-width:160px;animation:.2s slideDown;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}[data-theme=dark] .camp-mobile-select-menu{background:var(--glass-bg);border-color:var(--glass-border)}.camp-mobile-select-option{color:var(--text-dark);cursor:pointer;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:13px;font-weight:600;transition:background .15s}.camp-mobile-select-option:last-child{border-bottom:none}.camp-mobile-select-option:hover{background:var(--brand-purple-light);color:var(--brand-purple)}.camp-mobile-select-option.active{color:var(--brand-purple);background:var(--brand-purple-light);font-weight:800}.camp-mobile-create-btn{box-sizing:border-box;white-space:nowrap!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;height:40px!important;padding:0 14px!important;font-size:12.5px!important;display:inline-flex!important}.campaigns-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.campaign-create-btn{align-self:flex-start;width:max-content}.campaign-modal{border-radius:0;width:100%;height:100%;max-height:100vh;margin:0;padding:20px}.campaigns-table{border-collapse:unset!important;width:100%!important;display:block!important}.campaigns-table thead{display:none!important}.campaigns-table tbody{flex-direction:column!important;gap:10px!important;padding:4px 0!important;display:flex!important}.campaigns-table tr{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--surface-white)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:14px!important;grid-template-rows:auto!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:14px 16px!important;display:grid!important}[data-theme=dark] .campaigns-table tr{background:var(--surface-soft)!important;border-color:var(--glass-border)!important}.campaigns-table tr:hover{transform:translateY(-2px);border-color:#6366f14d!important;box-shadow:0 6px 20px #00000014!important}.campaigns-table td{gap:8px;text-align:right!important;color:var(--text-dark)!important;border-bottom:none!important;justify-content:space-between!important;align-items:center!important;padding:0!important;font-size:13px!important;display:flex!important}.campaigns-table td:before{content:attr(data-label)!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:left!important;flex-shrink:0!important;min-width:80px!important;font-size:10px!important;font-weight:700!important;display:block!important}.campaigns-table td.camp-name-cell{border-bottom:1px solid var(--border-color)!important;flex-wrap:nowrap!important;grid-column:1/-1!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2px!important;padding-bottom:10px!important;display:flex!important}.campaigns-table td.camp-name-cell:before{display:none!important}.campaigns-table td.camp-name-cell .campaign-name-button{letter-spacing:-.01em;flex:1;color:var(--text-dark)!important;text-align:left!important;background:0 0!important;padding:0!important;font-size:14px!important;font-weight:800!important}.camp-mobile-status-badge{flex-shrink:0;display:inline-block!important}.campaigns-table td.camp-status-cell{display:none!important}.campaigns-table tr .camp-recipients-cell{flex-direction:column!important;grid-column:1/2!important;align-items:flex-start!important;gap:2px!important;padding:2px 0!important;display:flex!important}.campaigns-table tr .camp-sentfailed-cell{text-align:left!important;flex-direction:column!important;grid-column:2/3!important;align-items:flex-start!important;gap:2px!important;padding:2px 0!important;display:flex!important}.campaigns-table tr .camp-recipients-cell:before,.campaigns-table tr .camp-sentfailed-cell:before{margin-bottom:1px;min-width:unset!important}.campaigns-table td.actions{border-top:1px solid var(--border-color)!important;flex-wrap:wrap!important;grid-column:1/-1!important;justify-content:flex-start!important;gap:6px!important;margin-top:4px!important;padding-top:10px!important;display:flex!important}.campaigns-table td.actions:before{display:none!important}.campaigns-table td.actions .action-btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;padding:6px 12px!important;font-size:12px!important;display:inline-flex!important}.campaigns-table tr td:not(.camp-name-cell):not(.camp-status-cell):not(.camp-recipients-cell):not(.camp-sentfailed-cell):not(.actions){grid-column:1/-1!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.campaign-detail-header{flex-direction:column;align-items:stretch;gap:10px}.campaign-detail-title-wrap{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%}.campaign-message-details-header{flex-direction:column;align-items:stretch;gap:10px;margin-top:12px}.campaign-info-stats{background:var(--surface-soft);border:1px solid var(--border-color);box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:10px 14px}[data-theme=dark] .campaign-info-stats{background:#ffffff0a;border-color:#ffffff14}.campaign-detail-actions{gap:8px;width:100%;margin-top:4px;display:flex}.campaign-detail-actions .action-btn{text-align:center;flex:1;justify-content:center}.tab-label-full{display:none!important}.tab-label-short{display:inline!important}}@media (width<=480px){.campaigns-page{padding:12px!important}.campaigns-header-mobile{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important}.camp-mobile-select-wrap{flex:none!important;width:auto!important}.camp-mobile-select-trigger{gap:6px!important;height:38px!important;padding:0 10px!important;font-size:12px!important}.camp-mobile-create-btn{width:auto!important;height:38px!important;padding:0 10px!important;font-size:12px!important}.campaigns-table tr{border-radius:12px!important;padding:12px 14px!important}.action-btn{height:26px!important;padding:5px 10px!important;font-size:11px!important}}.config-container{box-sizing:border-box;width:100%;padding:0;animation:.4s ease-out fadeIn}.config-header-tabs{background:var(--surface-soft);box-sizing:border-box;border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:4px 8px;display:flex}[data-theme=dark] .config-header-tabs{background:#1016268c}.connect-number-btn{font-family:var(--font-cyber);color:var(--brand-purple);border:1.5px dashed var(--brand-purple);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}[data-theme=dark] .connect-number-btn{color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.connect-number-btn:hover{background:var(--brand-purple-light);transform:translateY(-1px)}[data-theme=dark] .connect-number-btn:hover{background:#22d3ee14}.connect-number-btn.active{background:var(--brand-purple);color:#fff;border-style:solid}[data-theme=dark] .connect-number-btn.active{background:var(--cyber-cyan);color:#121214}.tab-item{font-family:var(--font-cyber);color:var(--toggle-text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-item.active{background:var(--surface-white);color:var(--toggle-text);box-shadow:var(--shadow-sm)}[data-theme=dark] .tab-item.active{color:var(--cyber-cyan);box-shadow:var(--shadow-sm);background:#ffffff14}.config-form{flex-direction:column;gap:24px;display:flex}.config-card{background:var(--surface-white);padding:var(--container-padding);border-radius:var(--container-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .config-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.config-card:last-of-type{position:relative;overflow:hidden;box-shadow:var(--shadow-sm)!important;background:linear-gradient(135deg,#8b5cf614 0%,#22d3ee08 100%)!important;border:1.5px solid #8b5cf640!important}[data-theme=dark] .config-card:last-of-type{background:linear-gradient(135deg,#8b5cf61f 0%,#22d3ee0a 100%)!important;border-color:#8b5cf659!important;box-shadow:0 0 32px #8b5cf640!important}.config-card:last-of-type:after{content:"";background:linear-gradient(90deg, transparent, var(--brand-purple), var(--cyber-cyan), transparent);pointer-events:none;height:1.5px;animation:5s linear infinite scan-line;position:absolute;top:0;left:0;right:0}.card-title{font-family:var(--font-cyber);color:var(--text-dark);align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.card-title:before{content:"";background:var(--brand-purple);border-radius:2px;width:4px;height:16px}.config-card:last-of-type .card-title:before{background:var(--cyber-cyan);box-shadow:var(--shadow-sm)}.input-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group.full-width{grid-column:span 2}.input-group label{color:var(--text-gray);font-size:13px;font-weight:700}.input-group input,.input-group textarea{border:1.5px solid var(--border-color);color:var(--text-dark);background:var(--surface-soft-2);border-radius:12px;padding:12px 14px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .input-group input,[data-theme=dark] .input-group textarea{background:#161c2d73;border-color:#ffffff14}.input-group input:focus,.input-group textarea:focus{border-color:var(--cyber-cyan);background:var(--surface-white);box-shadow:0 0 0 3px var(--cyber-cyan-glow);outline:none}.checkbox-group{flex-direction:row;align-items:center;gap:12px}.toggle-container{align-items:center;gap:16px;display:flex}.toggle-text{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.premium-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.premium-switch input{opacity:0;width:0;height:0}.premium-switch .slider{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}[data-theme=dark] .premium-switch .slider{background-color:#ffffff1f}.premium-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 5px #00000040}.premium-switch input:checked+.slider{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);box-shadow:0 0 12px #00f2fe73}.premium-switch input:checked+.slider:before{transform:translate(24px)}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:12px;padding-top:24px;display:flex}[data-theme=dark] .form-actions{border-top-color:var(--glass-border)}.btn-submit{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;font-weight:700;font-family:var(--font-cyber);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:12px;padding:12px 32px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-submit:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-cancel{color:var(--text-gray);border:1px solid var(--border-color);font-weight:700;font-family:var(--font-cyber);cursor:pointer;background:0 0;border-radius:12px;padding:12px 24px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cancel:hover{background:var(--surface-soft);color:var(--text-dark)}[data-theme=dark] .btn-cancel:hover{background:#ffffff0a}.config-loading{height:400px;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:4px solid var(--cyber-cyan-glow);border-top-color:var(--cyber-cyan);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=768px){.config-card{padding:20px 16px}.input-grid{grid-template-columns:1fr;gap:16px}.input-group.full-width{grid-column:span 1}.connect-number-btn{justify-content:center;width:100%;margin-left:0!important}.form-actions{flex-direction:column-reverse;gap:12px}.btn-submit,.btn-cancel{width:100%}.settings-mobile-tabs{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex!important}.settings-mobile-tab{border:1.5px solid var(--border-color);background:var(--surface-white);color:var(--text-gray);cursor:pointer;border-radius:10px;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.settings-mobile-tab.active{background:linear-gradient(135deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);color:#fff;border-color:#0000;box-shadow:0 4px 12px #6366f140}}@media (width<=480px){.config-card{border-radius:16px!important;padding:16px 12px!important}.config-page-title{font-size:20px!important}.config-header-tabs{gap:4px!important}.config-tab-btn{padding:6px 12px!important;font-size:12px!important}.input-label{font-size:12px!important}.input-field{padding:8px 10px!important;font-size:13px!important}}.profile-page-wrapper{background:var(--bg-main);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:calc(100vh - 110px);padding:0;display:flex;overflow:hidden}.profile-card{background:var(--surface-white);border-radius:var(--container-radius);border:1px solid var(--border-color);box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%;max-width:100%;display:grid;overflow:hidden;box-shadow:0 20px 60px #0000000d}.profile-info-section{padding:var(--container-padding);border-right:1px solid var(--border-color);box-sizing:border-box;position:relative}.profile-activity-section{padding:var(--container-padding);background:var(--bg-main);box-sizing:border-box}@media (width<=768px){.profile-page-wrapper{padding:var(--space-lg) var(--space-sm)!important;min-height:auto!important;overflow:visible!important}.profile-card{flex-direction:column;grid-template-columns:1fr;display:flex;border-radius:16px!important;box-shadow:0 8px 24px #0000000a!important}.profile-info-section{border-right:none!important;border-bottom:1px solid var(--border-color)!important;padding:20px 16px!important}.profile-activity-section{padding:20px 16px!important}.profile-info-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:10px 0!important}.profile-info-value{word-break:break-all}.device-session-card{border-radius:12px!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:12px!important}.device-session-card>div:nth-child(2){flex:1!important;width:100%!important;min-width:0!important}.device-session-card>div:nth-child(2)>div:first-child{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important}.device-session-card p{word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.other-devices-list{max-height:240px!important;padding-right:2px!important;overflow-y:auto!important}}::-webkit-scrollbar{display:none!important}*{box-sizing:border-box;-ms-overflow-style:none!important;scrollbar-width:none!important}html,body,#root{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}:root{--bg-main:#f3f4f6;--surface-white:#fff;--surface-soft:#e5e7eb;--surface-soft-2:#f9fafb;--brand-purple:#6366f1;--brand-purple-light:#6366f10d;--brand-purple-glow:#6366f11f;--cyber-cyan:#0891b2;--cyber-cyan-glow:#0891b21a;--text-dark:#0f172a;--text-gray:#4b5563;--text-muted:#9ca3af;--border-color:#0000000d;--input-border:#d1d5db;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 20px 40px -10px #0000000d;--glass-bg:#fffc;--glass-border:#0000000d;--card-radius:20px;--font-cyber:"Space Grotesk", sans-serif;--layout-gap:6px;--container-padding:12px;--container-radius:20px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--transition-fast:.2s ease;--toggle-text:#111}[data-theme=dark]{--bg-main:#09090b;--surface-white:#121214;--surface-soft:#18181b;--surface-soft-2:#27272a;--brand-purple:#818cf8;--brand-purple-light:#818cf81f;--brand-purple-glow:#818cf833;--cyber-cyan:#22d3ee;--cyber-cyan-glow:#22d3ee26;--text-dark:#fafafa;--text-gray:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff1a;--input-border:#ffffff26;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--glass-bg:#121214e6;--glass-border:#ffffff1a;--toggle-text:#fafafa}body{letter-spacing:-.015em;background-color:var(--bg-main);color:var(--text-dark);margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:13.5px;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .app-wrapper:before,[data-theme=dark] .app-wrapper:after{display:none}input,select,textarea,button{color:var(--text-dark);font-family:inherit}option{color:var(--text-dark);background-color:var(--surface-white)}input:not([type=button]):not([type=submit]),select,textarea{background-color:var(--surface-white);border:1.5px solid var(--border-color);border-radius:12px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}input:not([type=button]):not([type=submit]):focus,select:focus,textarea:focus{border-color:var(--brand-purple);box-shadow:0 0 0 2px var(--brand-purple-glow);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.38!important;font-weight:400!important}select:has(option[value=""]:checked){color:var(--text-muted)!important;opacity:.45!important}.app-wrapper{width:100vw;max-width:100%;height:100dvh;padding:var(--layout-gap);box-sizing:border-box;gap:var(--layout-gap);z-index:1;display:flex;position:relative;overflow:hidden}.main-content{gap:var(--layout-gap);box-sizing:border-box;flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.search-bar{background:var(--surface-white);color:var(--text-gray);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:30px;align-items:center;gap:12px;padding:12px 24px;display:flex}.search-bar input{width:100%;color:var(--text-dark);font-size:14px;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.hero-banner{background:linear-gradient(135deg, var(--brand-purple) 0%, #4f46e5 50%, var(--cyber-cyan) 100%);color:#fff;border:1px solid #ffffff1f;border-radius:24px;padding:44px 48px;position:relative;overflow:hidden;box-shadow:0 10px 30px #8b5cf633}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.hero-title{font-family:var(--font-cyber);letter-spacing:-.02em;text-shadow:0 2px 10px #0000000d;max-width:480px;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.25}.btn-white{background:var(--surface-white);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:30px;padding:12px 28px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stats-row{gap:var(--layout-gap);display:flex}.stat-pill{background:var(--surface-white);border-radius:var(--container-radius);padding:var(--container-padding);align-items:center;gap:var(--layout-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[data-theme=dark] .stat-pill{background:var(--glass-bg);border-color:var(--glass-border)}.stat-pill:hover{box-shadow:var(--shadow-md);border-color:var(--cyber-cyan);transform:translateY(-3px)}.stat-icon{background:var(--brand-purple-light);width:48px;height:48px;color:var(--brand-purple);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .stat-icon{color:var(--cyber-cyan);background:#22d3ee0d;border-color:#22d3ee1a}.stat-pill:hover .stat-icon{background:var(--cyber-cyan);box-shadow:var(--shadow-sm);transform:scale(1.05)rotate(3deg);color:#000!important}.cards-grid{gap:var(--layout-gap);grid-template-columns:repeat(3,1fr);display:grid}.chat-card{background:var(--surface-white);border-radius:var(--container-radius);padding:var(--container-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-img{background-color:var(--surface-soft);object-fit:cover;border:1px solid var(--border-color);border-radius:12px;width:100%;height:130px;margin-bottom:16px}.right-sidebar{gap:var(--layout-gap);flex-direction:column;width:310px;padding-right:4px;display:flex;overflow-y:auto}.profile-header{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:4px;display:flex}.panel-card{background:var(--surface-white);border-radius:var(--container-radius);padding:var(--container-padding);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .panel-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.avatar{background:var(--brand-purple-light);width:40px;height:40px;color:var(--brand-purple);border:1px solid var(--brand-purple-glow);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.avatar:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.calendar-widget{flex-direction:column;gap:16px;display:flex}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.calendar-header h4{color:var(--text-dark);margin:0;font-size:15px;font-weight:700}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-name{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;padding-bottom:4px;font-size:10px;font-weight:800}.calendar-day{cursor:pointer;color:var(--text-dark);border-radius:10px;padding:8px 0;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-day:hover{background:var(--surface-soft);color:var(--brand-purple)}.calendar-day.active{background:var(--brand-purple);color:#fff;box-shadow:var(--shadow-sm)}.calendar-day.inactive{color:var(--text-muted);opacity:.4}.event-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.event-item{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.event-item:hover{border-color:var(--brand-purple-glow);transform:translate(3px)}.event-dot{background:var(--brand-purple);width:8px;height:8px;box-shadow:var(--shadow-sm);border-radius:50%}.analytics-grid{gap:var(--layout-gap);grid-template-columns:1fr 1fr;margin-top:8px;display:grid}.analytics-card{background:var(--surface-white);padding:var(--container-padding);border-radius:var(--container-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}[data-theme=dark] .analytics-card{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-md)}.analytics-card:before{content:"";background:linear-gradient(180deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.analytics-card h3{font-family:var(--font-cyber);color:var(--text-gray);text-transform:uppercase;letter-spacing:.8px;margin:0 0 24px;font-size:13.5px;font-weight:700}.main-metric{margin-bottom:32px}.metric-value{font-family:var(--font-cyber);color:var(--text-dark);letter-spacing:-.02em;font-size:52px;font-weight:700;line-height:1}.metric-label{color:var(--text-gray);margin-top:8px;font-size:14px;font-weight:600}.sub-metrics-row{border-top:1px solid var(--border-color);justify-content:space-between;gap:16px;padding-top:24px;display:flex}.sub-metric{flex:1}.sub-value{font-family:var(--font-cyber);color:var(--text-dark);letter-spacing:-.01em;font-size:22px;font-weight:700}.sub-value.warning{color:#ef4444}.sub-value.success{color:#10b981}.sub-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:700;line-height:1.4}.mini-running-list{background:var(--surface-soft-2);border:1px dashed var(--border-color);border-radius:16px;flex-direction:column;gap:10px;margin:16px 0 24px;padding:14px;display:flex}.running-item{border-bottom:1px solid var(--border-color);flex-direction:column;gap:3px;padding-bottom:10px;display:flex}.running-item:last-child{border-bottom:none;padding-bottom:0}.activity-detail-container{background:var(--surface-white);box-shadow:var(--shadow-md);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);border-radius:24px;margin-top:16px;padding:32px}[data-theme=dark] .activity-detail-container{background:var(--glass-bg);border-color:var(--glass-border)}.detail-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.detail-header h3{font-family:var(--font-cyber);color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.back-link{color:var(--brand-purple);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.back-link:hover{opacity:.85;transform:translate(-3px)}.activity-table{border-collapse:collapse;width:100%}.table-row{border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.table-row:hover{background:var(--surface-soft);transform:scale(1.005)}.table-row:last-child{border-bottom:none}.info-title{color:var(--text-dark);font-size:15px;font-weight:700}.info-sub{color:var(--text-gray);margin-top:4px;font-size:12.5px}.status-badge-container{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.status-pill{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:700;display:flex}.status-pill .dot{border-radius:50%;width:6px;height:6px}.status-pill.running{color:#10b981;background:#10b98114;border-color:#10b98126}.status-pill.running .dot{background:#10b981;box-shadow:0 0 6px #10b981}.status-pill.completed{color:#6366f1;background:#6366f114;border-color:#6366f126}.status-pill.completed .dot{background:#6366f1;box-shadow:0 0 6px #6366f1}.status-pill.failed{color:#ef4444;background:#ef444414;border-color:#ef444426}.status-pill.failed .dot{background:#ef4444;box-shadow:0 0 6px #ef4444}.status-pill.scheduled{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b26}.status-pill.scheduled .dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.card-header-with-action{justify-content:space-between;align-items:center;display:flex}.view-all-btn{cursor:pointer;color:var(--cyber-cyan);background:#0891b214;border:1px solid #0891b226;border-radius:10px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-all-btn:hover{color:var(--cyber-cyan);background:#0891b226;transform:translateY(-2px);box-shadow:0 4px 12px #0891b226}.item-name{color:var(--text-dark);font-size:13.5px;font-weight:700}.item-meta{color:var(--text-gray);font-size:11px;font-weight:600}.msg-status-pill{text-transform:capitalize;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-delivered{color:#10b981;background:#10b98114;border-color:#10b98126}.status-read{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf626}.status-failed{color:#ef4444;background:#ef444414;border-color:#ef444426}.activity-card-row{background:var(--surface-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;grid-template-columns:1.5fr 1fr 2fr;align-items:center;gap:20px;margin-bottom:12px;padding:20px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;position:relative}[data-theme=dark] .activity-card-row{background:var(--glass-bg);border-color:var(--glass-border)}.activity-card-row:hover{box-shadow:var(--shadow-md);border-color:var(--cyber-cyan);transform:translateY(-2px)}.card-accent{border-radius:0 4px 4px 0;width:4px;position:absolute;top:16px;bottom:16px;left:0}.accent-running{background:#10b981;box-shadow:0 0 8px #10b98180}.accent-completed{background:var(--brand-purple);box-shadow:var(--shadow-sm)}.accent-scheduled{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.accent-failed{background:#ef4444;box-shadow:0 0 8px #ef444480}.campaign-info .title{color:var(--text-dark);font-size:15.5px;font-weight:750}.campaign-info .audience-tag{color:var(--text-gray);margin-top:4px;font-size:12.5px}.metrics-horizontal{justify-content:flex-end;gap:24px;display:flex}.metric-item{flex-direction:column;align-items:center;gap:4px;display:flex}.metric-top{color:var(--text-dark);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.metric-label-small{color:var(--text-muted);text-transform:capitalize;font-size:11px;font-weight:600}.conversion-flow{background:var(--surface-soft-2);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:18px;display:flex}.flow-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.flow-step:not(:last-child):after{content:"→";color:var(--text-muted);opacity:.5;font-weight:800;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.flow-value{font-family:var(--font-cyber);color:var(--text-dark);font-size:19px;font-weight:700}.flow-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:700}.rate-badge{border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.rate-badge.delivery{color:#10b981;background:#10b98114;border-color:#10b98126}.rate-badge.read{color:#6366f1;background:#6366f114;border-color:#6366f126}.progress-pill-container{background:var(--surface-soft);border-radius:10px;width:100%;height:6px;margin:8px 0;overflow:hidden}.progress-pill-fill{background:linear-gradient(90deg, var(--brand-purple) 0%, var(--cyber-cyan) 100%);border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.analytics-card-modern{background:var(--surface-white);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-card-modern:hover{box-shadow:var(--shadow-md);border-color:var(--cyber-cyan);transform:translateY(-4px)}[data-theme=dark] .analytics-card-modern{background:var(--glass-bg);border-color:var(--glass-border)}.ai-assistant-card{position:relative;overflow:hidden;box-shadow:var(--shadow-sm)!important;background:linear-gradient(135deg,#8b5cf614 0%,#22d3ee08 100%)!important;border:1px solid #8b5cf633!important}[data-theme=dark] .ai-assistant-card{box-shadow:var(--shadow-sm)!important;background:linear-gradient(135deg,#8b5cf61f 0%,#22d3ee08 100%)!important;border-color:#8b5cf64d!important}.ai-assistant-card:after{content:"";background:linear-gradient(90deg, transparent, var(--brand-purple), var(--cyber-cyan), transparent);pointer-events:none;height:1.5px;animation:4s linear infinite scan-line;position:absolute;top:0;left:0;right:0}@keyframes scan-line{0%{transform:translateY(-50px)translate(-100%)}50%{transform:translateY(200px)translate(100%)}to{transform:translateY(400px)translate(-100%)}}.ai-pulse-dot{background-color:var(--cyber-cyan);width:8px;height:8px;box-shadow:var(--shadow-sm);border-radius:50%;animation:2s infinite alternate pulse-glow}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;box-shadow:var(--shadow-sm);transform:scale(1.2)}}.cursor-glow{pointer-events:none;z-index:9999;background:radial-gradient(600px circle at var(--mouse-x,50vw) var(--mouse-y,50vh), #8b5cf614, transparent 40%);opacity:0;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}[data-theme=dark] .cursor-glow{opacity:1}.close-x{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.close-x:hover{color:#dc2626;background:#ef444433}[data-theme=dark] .close-x{color:#f87171;background:#ef444426}[data-theme=dark] .close-x:hover{color:#fca5a5;background:#ef444440}@media (width<=1024px){.app-wrapper{gap:0!important;padding:0!important}.right-sidebar{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.activity-card-row{grid-template-columns:1fr;gap:12px}.campaign-modal-overlay,.modal-overlay{align-items:flex-end!important;padding:0!important}.campaign-modal,.modal-container{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important}}@media (width<=768px){body,html{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.app-wrapper{box-sizing:border-box!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:100%!important;padding:0!important;overflow-x:hidden!important}.main-content{gap:8px;padding:8px!important}.cards-grid{grid-template-columns:1fr}.hero-banner{padding:24px}.hero-title{font-size:24px}.stats-row{flex-direction:column;gap:12px}.activity-card-row{grid-template-columns:1fr;gap:12px}}@media (width<=480px){body,html{font-size:14px}.app-wrapper{padding:0!important}.campaign-notice{width:auto!important;top:12px!important;left:8px!important;right:8px!important}}.contacts-page{padding:var(--space-md) var(--space-sm);box-sizing:border-box;gap:12px;width:100%;display:grid}@media (width<=768px){.contacts-page{padding:8px!important}}.message-body{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important;line-height:1.6!important}.app-wrapper.inbox-active{gap:0!important;padding:0!important}.app-wrapper.inbox-active .sidebar{border-top:none!important;border-bottom:none!important;border-left:none!important;border-radius:0!important}.app-wrapper.inbox-active .dashboard-header{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;margin:0!important}.app-wrapper.inbox-active .chat-sidebar{border:none!important;border-right:1px solid var(--border-color)!important;border-radius:0!important}.app-wrapper.inbox-active .chat-window{border:none!important;border-radius:0!important}.premium-back-btn,.campaign-back-btn,.mobile-back-btn,.back-link,.back-btn{color:#dc2626!important;border-color:#dc262633!important}.premium-back-btn:hover,.campaign-back-btn:hover,.mobile-back-btn:hover,.back-link:hover,.back-btn:hover{color:#b91c1c!important;background:#dc26261a!important;border-color:#dc26264d!important}.close-x,.close-modal,.close-btn,.toast-close{color:#dc2626!important}