*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #0a0b0f;--bg-1: #111319;--bg-2: #181a21;--bg-3: #1f2230;--bg-4: #282c3a;--border: #2d3240;--border-2: #383e50;--text-1: #f0f2f5;--text-2: #a0a6b5;--text-3: #636b7d;--accent: #5b9fff;--accent-2: #4a8aee;--accent-bg: rgba(91, 159, 255, .1);--green: #3dd584;--green-bg: rgba(61, 213, 132, .1);--amber: #ffb020;--amber-bg: rgba(255, 176, 32, .1);--red: #ff6b6b;--red-bg: rgba(255, 107, 107, .1);--purple: #b388ff;--purple-bg: rgba(179, 136, 255, .1);--pink: #ff85c0;--wa: #25d366;--wa-bg: rgba(37, 211, 102, .15);--ig: #e1306c;--ig-bg: rgba(225, 48, 108, .15);--email: #5b9fff;--email-bg: rgba(91, 159, 255, .15);--web: #b388ff;--web-bg: rgba(179, 136, 255, .15);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;vertical-align:middle}.icon-fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--text-2)}.text-small{font-size:12px}.text-xs{font-size:11px}.fw-500{font-weight:500}.fw-600{font-weight:600}.ch-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:500;letter-spacing:.3px}.ch-badge.whatsapp{background:var(--wa-bg);color:var(--wa)}.ch-badge.instagram{background:var(--ig-bg);color:var(--ig)}.ch-badge.email{background:var(--email-bg);color:var(--email)}.ch-badge.webchat{background:var(--web-bg);color:var(--web)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:500}.status-badge.open{background:var(--green-bg);color:var(--green)}.status-badge.pending{background:var(--amber-bg);color:var(--amber)}.status-badge.resolved{background:var(--bg-4);color:var(--text-3)}.status-badge.snoozed{background:var(--purple-bg);color:var(--purple)}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;background:var(--bg-4);color:var(--text-2)}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:46px;height:46px;font-size:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-md);border:none;font-size:13px;font-weight:500;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #5b9fff4d}.btn-primary:hover{background:var(--accent-2);box-shadow:0 4px 12px #5b9fff66;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-3);color:var(--text-1)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.input{width:100%;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-size:14px;outline:none;transition:all .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b9fff1a}.input::placeholder{color:var(--text-3)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23636b7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.unread-dot{min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #5b9fff4d}.shell-content[_ngcontent-ng-c2794799032],.shell-content[_ngcontent-ng-c1293627246]{flex:1;display:block!important;overflow:hidden}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;vertical-align:middle;color:#fff}