:root{font-family:var(--app-font, "Bricolage Grotesque", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:inherit}button,input,select,textarea,optgroup{font-family:inherit}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-base, #f4f6f8);color:var(--text-1, #1f2937)}html,body,#root{transition:background-color .25s ease}:root{--accent: #1585C7;--accent-dark: #10689E;--accent-cyan: #29B6F6;--accent-grad: linear-gradient(135deg, #29B6F6 0%, #1585C7 100%);--accent-grad-soft: linear-gradient(135deg, #4FC3F7 0%, #2196D8 100%);--grad-text: linear-gradient(135deg, #29B6F6 0%, #1585C7 100%);--surface: var(--bg-card);--surface-2: var(--bg-input)}:root,:root[data-theme=dark]{--accent-glow: rgba(41, 182, 246, .26);--accent-dim: rgba(41, 182, 246, .14);--bg-base: #0C1116;--bg-panel: #10161C;--bg-card: #141B22;--bg-input: #17202A;--border: #222C36;--border-mid: #2C3844;--text-bright: #ECF1F6;--text-1: #DFE6EE;--text-2: #8A96A3;--text-3: #5B6470;--text-faint: #3A414A;--card-shadow: 0 2px 10px rgba(0, 0, 0, .4);color-scheme:dark;--sidebar-bg: #0F2233;--sidebar-border: #1E3A4F;--sidebar-icon: #6E8299;--sidebar-icon-active: #ffffff;--sidebar-label: #5E6E82;--topbar-grad: linear-gradient(0deg, #0F2233 0%, #0F2233 100%);--topbar-fg: #ECF1F6;--topbar-fg-dim: rgba(236, 241, 246, .65);--topbar-pill-bg: rgba(255, 255, 255, .14);--topbar-pill-border: rgba(255, 255, 255, .24);--topbar-pill-fg: #ECF1F6}:root[data-theme=light]{--accent-glow: rgba(41, 182, 246, .16);--accent-dim: rgba(41, 182, 246, .1);--bg-base: #F4F6F8;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-input: #EEF2F5;--border: #ECEFF2;--border-mid: #E2E7EC;--text-bright: #1F2937;--text-1: #1F2937;--text-2: #5A6B78;--text-3: #8A97A3;--text-faint: #B0BAC3;--card-shadow: 0 1px 2px rgba(16, 24, 40, .04);color-scheme:light;--sidebar-bg: #ffffff;--sidebar-border: #ECEFF2;--sidebar-icon: #5A6B78;--sidebar-icon-active: #ffffff;--sidebar-label: #8A97A3;--topbar-grad: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);--topbar-fg: #1F2937;--topbar-fg-dim: #8A97A3;--topbar-pill-bg: #E6F4FE;--topbar-pill-border: #C3E7FB;--topbar-pill-fg: #1585C7}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-mid) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.metric-card{transition:border-color .15s,transform .15s,box-shadow .15s}.metric-card:hover{border-color:var(--accent)!important;transform:translateY(-1px);box-shadow:0 2px 10px #0000000f}.quick-reply-item:hover{background:var(--accent-dim)!important;color:var(--text-1)!important}.conv-row:hover{background:var(--accent-dim)}@keyframes convFlash{0%{background:#29b6f633}to{background:transparent}}.conv-flash{animation:convFlash 2.4s ease-out}.contact-panel,.popover-enter{animation:slideDown .15s ease forwards}.toast-enter{animation:fadeIn .2s ease forwards}::selection{background:var(--accent-dim);color:var(--text-1)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input,textarea,select{transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important}.bottom-nav{display:none}@media (max-width: 767px){input,textarea,select{font-size:16px!important}.app-shell{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important}.desktop-sidebar{display:none!important}.app-main{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;width:100%!important;order:1}.bottom-nav{display:flex!important;flex-shrink:0;order:2;height:56px;background:var(--sidebar-bg);border-top:.5px solid var(--sidebar-border);z-index:200;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:var(--sidebar-icon);border:none;background:none;cursor:pointer;transition:color .15s;padding:0}.bottom-nav-item.active{color:var(--accent-cyan)}.bottom-nav-item i{font-size:20px}.inbox-layout{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important}.inbox-list-pane{flex:1 1 0!important;min-height:0!important;width:100%!important;border-right:none!important}.inbox-chat-pane{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;width:100%!important;overflow:hidden!important}.message-area-scroll{flex:1 1 0!important;min-height:0!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.settings-shell{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important}.settings-sidenav{width:100%!important;height:auto!important;border-right:none!important;border-bottom:.5px solid var(--border)!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 12px!important;gap:6px!important;flex-shrink:0}.settings-sidenav-title{display:none!important}.settings-sidenav-btn{flex-shrink:0;white-space:nowrap;padding:6px 14px!important;border-radius:20px!important;font-size:12px!important}.settings-content{padding:16px!important}}@keyframes attentionPulse{0%,to{box-shadow:0 0 0 1px #fb923c26,0 6px 20px -10px #fb923c80}50%{box-shadow:0 0 0 1px #fb923c59,0 10px 28px -8px #fb923cd9}}.attention-banner{animation:attentionPulse 2.4s ease-in-out infinite;transition:transform .15s ease,filter .15s ease}.attention-banner:hover{transform:translateY(-1px);filter:brightness(1.05)}@media (prefers-reduced-motion: reduce){.attention-banner{animation:none}}