:root{--bg-base:#f5f6f9;--bg-panel:#fff;--accent:#ff4c1f;--accent-violet:#6a1cf6;--accent-glow:#ff4c1f26;--text-main:#101728;--text-muted:#64748b;--border-color:#0000000f;--radius-xl:2rem;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #0000000a, 0 4px 6px -4px #0000000a;--shadow-lg:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--transition-smooth:.4s cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,Inter,sans-serif}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}.kinetic-orange{background:linear-gradient(135deg,#af2600 0%,#ff7857 100%)}.kinetic-violet{background:linear-gradient(135deg,#6a1cf6 0%,#d9caff 100%)}.premium-card{background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid #fff}::selection{background:var(--accent-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6a1cf6}.crm-container,.app-container{background:#f5f6f9;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.mobile-bottom-nav{display:none!important}.content{flex-direction:column;flex-grow:1;height:calc(100vh - 72px);animation:.4s cubic-bezier(.23,1,.32,1) fadeIn;display:flex;overflow:hidden}@media (width<=850px){:root{--show-nav-label:none}.mobile-bottom-nav{display:flex!important}.content{height:calc(100vh - 142px)!important;padding-bottom:0!important}.inbox-container .sidebar{width:100%!important;max-width:none!important}.inbox-container .main-chat{z-index:500!important;background:#0d0f14!important;height:100vh!important;display:none!important;position:fixed!important;inset:0!important}.inbox-container.chat-active .main-chat{display:flex!important}.inbox-container.chat-active .sidebar{display:none!important}.mobile-lead-overlay{display:none}.mobile-lead-overlay.active{z-index:2000;background:#0d0f14;position:absolute;inset:0;overflow-y:auto;display:flex!important}.desktop-only{display:none!important}}@media (width>=851px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}.sidebar{z-index:10;background:#fff;flex-direction:column;display:flex;border-right:1px solid #0000000d!important}.sidebar-header{border-bottom:1px solid var(--border-color)!important;background:0 0!important;padding:24px 20px!important}.chat-list{flex-grow:1;padding:8px 10px;overflow-y:auto}.chat-item{cursor:pointer;transition:var(--transition-smooth);border-radius:12px;margin-bottom:4px;border-bottom:none!important;padding:14px 16px!important}.chat-item:hover{transform:translateY(-1px);background-color:#ffffff08!important}.chat-item[style*=borderLeft]{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#ff6b4a14 0%,#0000 100%)!important;border-left:none!important}.chat-name{color:#fff;font-size:.95rem;font-weight:600}.chat-preview{color:var(--text-muted)!important;font-size:.8rem!important}.main-chat{background:var(--bg-base);flex-direction:column;flex-grow:1;display:flex;position:relative}.chat-header{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid var(--border-color)!important;padding:16px 24px!important}.messages-area{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:16px;max-width:65%;padding:12px 18px;font-size:.95rem;line-height:1.5;animation:.3s cubic-bezier(.175,.885,.32,1.275) messagePop;position:relative;box-shadow:0 4px 12px #0000001a}.message.received{color:#e2e8f0;background:#151a23;border:1px solid #ffffff0a;border-bottom-left-radius:4px;align-self:flex-start}.message.sent{background:linear-gradient(135deg, var(--accent) 0%, #ff4d2d 100%);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 15px #ff6b4a33}.message-time{opacity:.6;text-align:right;letter-spacing:.5px;margin-top:6px;font-family:Outfit,sans-serif;font-size:.65rem}input,select,textarea{font-family:Inter,sans-serif;transition:var(--transition-smooth)!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}button{transition:var(--transition-fast)!important}button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(1px)}.reaction-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);opacity:0;pointer-events:none;z-index:10;background:#0f151ed9;border-radius:20px;gap:8px;padding:6px 12px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-45px;transform:translateY(15px)scale(.9);box-shadow:0 8px 24px #0006}.message:hover .reaction-menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:1.4rem;transition:transform .15s}.reaction-btn:hover{transform:scale(1.3)translateY(-2px)}.reaction-badge{border:2px solid var(--bg-base);z-index:2;background:#1e293b;border-radius:12px;padding:2px 6px;font-size:.8rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;bottom:-10px;right:12px;box-shadow:0 2px 8px #0000004d}.message.sent .reaction-badge{background:#fff;left:12px;right:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes messagePop{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.qr-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#05070ad9;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.qr-box{background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-radius:16px;margin-top:24px;padding:24px;transition:transform .3s;transform:scale(1);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff1a}.qr-box:hover{transform:scale(1.02)}.qr-title{color:#fff;text-shadow:0 2px 4px #00000080;margin-bottom:8px;font-size:1.8rem;font-weight:700}.qr-subtitle{color:var(--text-muted);font-size:.95rem}.mobile-back-btn,.mobile-info-btn{display:none}@media (width<=768px){.mobile-back-btn,.mobile-info-btn{display:block!important}.top-nav{padding:10px!important;overflow-x:auto!important}.app-container .content{flex-grow:1;overflow:hidden;flex-direction:column!important}.responsive-grid{grid-template-columns:1fr!important;gap:16px!important}.inbox-container{position:relative;width:100%!important;height:100%!important}.inbox-container .sidebar{display:flex;border-right:none!important;width:100%!important;min-width:100%!important;height:100%!important}.inbox-container .main-chat{background:var(--bg-base);z-index:10;position:absolute;inset:0;width:100%!important;height:100%!important;display:none!important}.inbox-container .lead-panel-wrapper{background:var(--bg-base);z-index:50;position:absolute;inset:0;width:100%!important;height:100%!important;display:none!important}.inbox-container.chat-active .sidebar{display:none!important}.inbox-container.chat-active .main-chat{flex-direction:column;display:flex!important}.inbox-container.show-lead-panel .lead-panel-wrapper{display:block!important}.inbox-container.show-lead-panel .main-chat{display:none!important}}