@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-mono:"JetBrains Mono", monospace;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--bg-base:#080a0f;--bg-surface:#0d0f17;--bg-card:#111420;--bg-elevated:#161928;--bg-hover:#1c2035;--bg-active:#1e2238;--border-subtle:#ffffff0f;--border-dim:#ffffff1a;--border-mid:#ffffff29;--text-primary:#f5f7ff;--text-secondary:#cdd3ed;--text-muted:#9aa3c2;--text-dim:#6570a0;--brand:#6366f1;--brand-light:#818cf8;--brand-dim:#6366f11f;--brand-glow:#6366f147;--brand-hover:#4f46e5;--green:#10b981;--green-dim:#10b9811f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#ef4444;--red-dim:#ef44441f;--blue:#3b82f6;--blue-dim:#3b82f61f;--purple:#a855f7;--purple-dim:#a855f71f;--cyan:#06b6d4;--cyan-dim:#06b6d41f;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--ease:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.5;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.08)}80%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--brand-glow)}50%{box-shadow:0 0 24px var(--brand-glow)}}.mobile-header,.mobile-bottom-nav{display:none}.mobile-back-btn{display:none!important}@media (max-width:768px){html,body{overflow:hidden}body{padding-top:56px}.mobile-header{z-index:400;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dim);background:#0d0f17f2;justify-content:space-between;align-items:center;height:56px;padding:0 16px;position:fixed;top:0;left:0;right:0;display:flex!important}.mobile-bottom-nav{z-index:300;background:var(--bg-surface);border-top:1px solid var(--border-subtle);height:60px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-back-btn{display:flex!important}.chats-container{width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important}.contacts-panel{z-index:10;transition:transform .3s cubic-bezier(.22,1,.36,1);inset:0;transform:translate(0);width:100%!important;min-width:100%!important;position:absolute!important}.chat-main{z-index:20;transition:transform .3s cubic-bezier(.22,1,.36,1);inset:0;transform:translate(100%);flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important}.right-panel{z-index:30;transition:transform .3s cubic-bezier(.22,1,.36,1);inset:0;transform:translate(100%);width:100%!important;min-width:100%!important;position:absolute!important;overflow-y:auto!important}.chats-container.mobile-chat .contacts-panel{transform:translate(-100%)}.chats-container.mobile-chat .chat-main{transform:translate(0)}.chats-container.mobile-chat .right-panel{transform:translate(100%)}.chats-container.mobile-info .contacts-panel,.chats-container.mobile-info .chat-main{transform:translate(-100%)}.chats-container.mobile-info .right-panel{transform:translate(0)}.contact-list{-webkit-overflow-scrolling:touch;flex:1!important;height:auto!important;max-height:none!important;padding-bottom:75px!important;overflow-y:auto!important}.input-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;overflow-x:auto!important}.input-toolbar::-webkit-scrollbar{display:none}textarea,input[type=text],input[type=email],input[type=password],input[type=number]{font-size:16px!important}.chat-input-zone{flex-shrink:0!important;margin-bottom:60px!important;padding:8px 10px!important}.view-body{padding:16px 14px 80px!important}.modal-overlay-mobile{align-items:flex-end!important}.modal-box-mobile{animation:.3s cubic-bezier(.22,1,.36,1) slideUp;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.sidebar-nav{z-index:500;max-width:300px;box-shadow:none;padding-top:56px;transition:transform .3s cubic-bezier(.22,1,.36,1);top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);width:80vw!important;height:100%!important;position:fixed!important}.sidebar-nav.open{transform:translate(0);box-shadow:8px 0 40px #000c}.kpi-grid{grid-template-columns:1fr 1fr!important}.charts-grid{grid-template-columns:1fr!important}.table-responsive{overflow-x:auto}}@media (min-width:769px){.mobile-back-btn{display:none!important}.sidebar-nav{position:relative!important;transform:translate(0)!important}}[data-theme=wa-dark]{--brand:#25d366;--brand-light:#4ade80;--brand-dim:#25d3661f;--brand-glow:#25d36647;--brand-hover:#1ea952;--bg-base:#0a0f0d;--bg-surface:#0f1611;--bg-card:#141e17;--bg-elevated:#1a2620;--bg-hover:#1e2d24;--bg-active:#223129;--purple:#25d366;--purple-dim:#25d3661f}[data-theme=wa-light]{--brand:#25d366;--brand-light:#128c7e;--brand-dim:#25d3661a;--brand-glow:#25d36633;--brand-hover:#1ea952;--bg-base:#f0f2f5;--bg-surface:#fff;--bg-card:#f8f9fa;--bg-elevated:#fff;--bg-hover:#f0f2f5;--bg-active:#e9edef;--border-subtle:#0000000f;--border-dim:#0000001a;--border-mid:#00000026;--text-primary:#111b21;--text-secondary:#54656f;--text-muted:#8696a0;--text-dim:#aebac1;--purple:#25d366;--purple-dim:#25d3661a}[data-theme=fb-dark]{--brand:#0866ff;--brand-light:#4e9eff;--brand-dim:#0866ff1f;--brand-glow:#0866ff47;--brand-hover:#0554d4;--bg-base:#18191a;--bg-surface:#242526;--bg-card:#2d2e2f;--bg-elevated:#3a3b3c;--bg-hover:#3e4042;--bg-active:#404142;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-muted:#8a8d91;--purple:#0866ff;--purple-dim:#0866ff1f}[data-theme=fb-light]{--brand:#0866ff;--brand-light:#0554d4;--brand-dim:#0866ff14;--brand-glow:#0866ff2e;--brand-hover:#0554d4;--bg-base:#f0f2f5;--bg-surface:#fff;--bg-card:#f0f2f5;--bg-elevated:#fff;--bg-hover:#e4e6eb;--bg-active:#dde0e5;--border-subtle:#0000000f;--border-dim:#0000001a;--border-mid:#00000026;--text-primary:#050505;--text-secondary:#65676b;--text-muted:#8a8d91;--text-dim:#b0b3b8;--purple:#0866ff;--purple-dim:#0866ff14}html{-webkit-text-size-adjust:100%;width:100%;max-width:100vw;overflow-x:hidden}@media (max-width:768px){body,#__next,main{max-width:100vw!important;overflow-x:hidden!important}.sidebar-nav{top:0;bottom:0;left:0;z-index:500!important;width:80vw!important;max-width:280px!important;height:100dvh!important;box-shadow:none!important;padding-top:0!important;transition:transform .3s cubic-bezier(.22,1,.36,1)!important;position:fixed!important;overflow-y:auto!important;transform:translate(-100%)!important}.sidebar-nav.open{transform:translate(0)!important;box-shadow:8px 0 40px #000c!important}body>div[style*="position: fixed"][style*="z-index: 490"]{-webkit-backdrop-filter:blur(4px)!important}main{flex:1!important;width:100%!important}div[style*="padding: '30px 34px'"],div[style*="padding: '24px 34px'"]{padding:14px 14px 80px!important}div[style*="grid-template-columns: 'repeat(auto-fill, minmax(305px"],div[style*="grid-template-columns: 'repeat(auto-fill, minmax(280px"]{grid-template-columns:1fr!important}div[style*="grid-template-columns: 'repeat(5, 1fr)'"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: '1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="grid-template-columns: 'repeat(auto-fit, minmax(160px"],div[style*="grid-template-columns: 'repeat(auto-fit, minmax(185px"]{grid-template-columns:1fr 1fr!important}div[style*="bottom: '24px'"][style*="right: '24px'"]{width:auto!important;bottom:70px!important;left:8px!important;right:8px!important}div[style*="position: fixed"][style*="top: '14px'"][style*="right: '18px'"]{top:10px!important;right:50px!important}div[style*="overflow-x: 'auto'"]{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}div[style*="justifyContent: 'space-between'"][style*="flexWrap: 'wrap'"]{flex-direction:column!important;align-items:flex-start!important}}input[type=date],input[type=time],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.8);cursor:pointer;opacity:.85;width:20px;height:20px;transition:opacity .15s;position:absolute;right:10px}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.8);cursor:pointer;opacity:.85;width:20px;height:20px;transition:opacity .15s;position:absolute;right:10px}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.8);cursor:pointer;opacity:.85;width:20px;height:20px;transition:opacity .15s;position:absolute;right:10px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width:768px){.chat-input-zone>div:first-of-type{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap!important;overflow-x:auto!important}.chat-input-zone>div:first-of-type::-webkit-scrollbar{display:none}.chat-input-zone button[style*="fontSize: '12px'"],.chat-input-zone button{white-space:nowrap!important;flex-shrink:0!important;padding:5px 9px!important;font-size:11px!important}.chat-input-zone>div[style*="position: absolute"]{max-height:220px!important;bottom:130px!important;left:8px!important;right:8px!important}.chat-main>div[style*="flex: 1"]>div>div{max-width:85%!important}.chat-input-zone textarea{min-height:40px!important;font-size:16px!important}div[style*="position: fixed"][style*="alignItems: 'center'"]>div[style*=borderRadius]{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.input-toolbar{scrollbar-width:none!important;gap:6px!important;padding:6px 0!important;display:flex!important;overflow-x:auto!important}.chat-main img[style*="maxWidth: '240px'"]{max-width:200px!important}div[style*="position: fixed"][style*="zIndex: 9999"] img{max-width:96vw!important;max-height:82vh!important}.contacts-panel span[style*="fontSize:'8px'"]{padding:1px 4px!important;font-size:7px!important}.contacts-panel>div>div>div[style*="fontSize:'16px'"]{font-size:14px!important}.view-body{padding:14px 12px 80px!important}table{-webkit-overflow-scrolling:touch;display:block!important;overflow-x:auto!important}input[type=date],input[type=time],input[type=datetime-local],input[type=text],input[type=email],select,textarea{box-sizing:border-box!important;width:100%!important}.chat-input-zone>div:last-of-type button:last-child{flex-shrink:0!important}.chat-input-zone{padding-bottom:max(60px, env(safe-area-inset-bottom,60px))!important}.contacts-panel>div+div>div>div[style*="width:'42px'"]{width:38px!important;height:38px!important}.chat-main>div:first-child span[style*="fontSize: '14px'"]{max-width:120px!important;font-size:13px!important}.right-panel{padding-bottom:80px!important}}@media (min-width:1600px){.contacts-panel{width:320px!important;min-width:320px!important}.right-panel{width:300px!important;min-width:300px!important}}@media (max-width:1400px){.contacts-panel{width:clamp(210px,20vw,260px)!important}.right-panel{width:clamp(200px,18vw,240px)!important}}@media (max-width:1100px){.right-panel{z-index:100!important;width:260px!important;min-width:260px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important;box-shadow:-4px 0 24px #0006!important}.contacts-panel{width:220px!important;min-width:220px!important}}@media (min-width:769px) and (max-width:900px){.contacts-panel{width:200px!important;min-width:200px!important}.contacts-panel .contact-name{font-size:12px!important}}.view-body{box-sizing:border-box;flex:1;max-width:100%;padding:24px 28px;overflow-y:auto}@media (max-width:1280px){.view-body{padding:20px}}@media (max-width:1100px){.view-body{padding:16px 14px}}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);width:100%;overflow-x:auto}.table-responsive table{width:100%;min-width:600px}@media (max-width:1100px){div[style*=grid-template-columns][style*=repeat\(2]{grid-template-columns:1fr!important}div[style*=grid-template-columns][style*=repeat\(3]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:900px){div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width:1100px){.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header button,.page-header a{justify-content:center;width:100%}}.stats-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.stats-row::-webkit-scrollbar{display:none}.stats-row>*{flex-shrink:0;min-width:120px}@media (max-width:1200px){.chat-main>div[style*="flex: 1"]>div>div[style*="maxWidth: '62%'"],.chat-main>div[style*="flex: 1"]>div>div[style*="maxWidth:'62%'"]{max-width:75%!important}}@media (max-width:1100px){input[type=text],input[type=email],input[type=date],input[type=time],input[type=datetime-local],select,textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}}@media (min-width:1440px){div[style*="alignItems: 'center'"][style*="position: fixed"]>div[style*="width: '420px'"],div[style*="alignItems: 'center'"][style*="position: fixed"]>div[style*="width:'420px'"]{width:480px!important}}@media (max-width:900px){div[style*="alignItems: 'center'"][style*="position: fixed"]>div{width:95vw!important;max-width:95vw!important}}@media (max-width:1200px){canvas{max-width:100%!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}