:root{--bg-main:#080c14;--bg-surface:#0e1524;--bg-surface-elevated:#151f33;--bg-surface-hover:#1c2a44;--bg-card:#0f1726bf;--border-subtle:#ffffff14;--border-hover:#ffffff29;--border-active:#10b98166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#080c14;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-600:#059669;--emerald-glow:#10b98133;--emerald-subtle:#10b9811a;--blue-500:#3b82f6;--blue-subtle:#3b82f61f;--purple-500:#8b5cf6;--purple-subtle:#8b5cf61f;--amber-500:#f59e0b;--amber-subtle:#f59e0b1f;--rose-500:#f43f5e;--rose-subtle:#f43f5e1f;--wa-green:#25d366;--wa-dark-green:#075e54;--wa-teal:#128c7e;--wa-bubble-me:#005c4b;--wa-bubble-lead:#202c33;--wa-chat-bg:#0b141a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px -2px #0006, 0 2px 6px -1px #0003;--shadow-lg:0 12px 28px -6px #00000080, 0 8px 10px -4px #0000004d;--shadow-glow:0 0 25px -4px #10b98140;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;transition:all .18s}input,textarea,select{outline:none;font-family:inherit;transition:border-color .18s,box-shadow .18s}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(.95)}}.live-indicator{justify-content:center;align-items:center;display:inline-flex;position:relative}.live-indicator:after{content:"";background:inherit;pointer-events:none;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-ring;position:absolute}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0f 50%,#fff0 100%) 0 0/200% 100%;animation:2.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-only{display:none!important}.desktop-only{display:flex!important}.app-layout{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex}.sidebar-backdrop,.sidebar-close-btn{display:none}.main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden}.topbar-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.content-scroll{flex:1;padding:24px;overflow:hidden auto}.hero-banner{background:linear-gradient(135deg,#10b9811f 0%,#0f172acc 100%);border:1px solid #10b98140;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex}.hero-actions{gap:12px;display:flex}.split-grid-2col{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.livechat-grid{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;grid-template-columns:320px 1fr;height:calc(100vh - 120px);display:grid;overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrapper table{min-width:600px}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-sidebar{transform:translate(-100%);z-index:1000!important;width:280px!important;max-width:85vw!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;box-shadow:0 0 50px #000000e6!important}.app-sidebar.sidebar-open{transform:translate(0)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;background-color:#000000bf;animation:.2s fadeIn;position:fixed;inset:0;display:block!important}.sidebar-close-btn{width:32px;height:32px;color:var(--text-secondary);background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;display:flex!important}.topbar-header{height:56px!important;padding:0 14px!important}.content-scroll{padding:14px!important}.hero-banner{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:18px!important}.hero-actions{flex-direction:column!important;width:100%!important}.hero-actions button{justify-content:center!important;width:100%!important}.split-grid-2col{grid-template-columns:1fr!important;gap:16px!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.livechat-grid{flex-direction:column!important;height:calc(100vh - 90px)!important;display:flex!important}.livechat-chat-active .livechat-sidebar,.livechat-list-active .livechat-main{display:none!important}.topbar-title{font-size:1.05rem!important}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr!important}}