:root{--bg-primary: 210, 20%, 96%;--bg-secondary: 0, 0%, 100%;--bg-tertiary: 210, 14%, 93%;--surface: 210, 20%, 98%;--primary-gradient: linear-gradient(135deg, #0891b2 0%, #2563eb 100%);--accent-cyan: 192, 91%, 36%;--accent-blue: 217, 91%, 60%;--wa-green: 142, 70%, 38%;--danger: 354, 70%, 54%;--warning: 35, 92%, 50%;--success: 142, 76%, 36%;--text-main: 215, 28%, 17%;--text-muted: 215, 16%, 47%;--text-dark: 220, 18%, 15%;--rgb-overlay: 15, 23, 42;--rgb-shadow: 0, 0, 0;--rgb-accent: 8, 145, 178;--rgb-accent-blue: 37, 99, 235;--rgb-modal: 255, 255, 255;--border: rgba(15, 23, 42, .08);--border-focus: rgba(8, 145, 178, .35);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .75);--glass-blur: blur(20px);--bubble-incoming-bg: #ffffff;--bubble-incoming-border: rgba(15, 23, 42, .08);--bubble-incoming-shadow: 0 1px 4px rgba(15, 23, 42, .06);--bubble-outgoing-bg: linear-gradient(135deg, #0891b2, #0e7490);--bubble-outgoing-color: #ffffff;--bubble-outgoing-shadow: 0 2px 8px rgba(8, 145, 178, .25);--bubble-auto-bg: #e8ecf1;--bubble-auto-color: hsl(215, 16%, 47%);--bubble-auto-border: rgba(15, 23, 42, .12);--btn-primary-text: #ffffff;--btn-primary-shadow: rgba(8, 145, 178, .25);--btn-primary-shadow-hover: rgba(8, 145, 178, .35);--scrollbar-track: rgba(15, 23, 42, .02);--scrollbar-thumb: rgba(15, 23, 42, .12);--scrollbar-hover: rgba(8, 145, 178, .4);--glass-card-bg: rgba(255, 255, 255, .7);--glass-card-hover-bg: rgba(255, 255, 255, .9);--glass-card-hover-border: rgba(8, 145, 178, .25);--glass-card-hover-shadow: 0 4px 12px rgba(15, 23, 42, .06);--glass-panel-shadow: 0 4px 24px 0 rgba(15, 23, 42, .08);--input-bg: rgba(255, 255, 255, .9);--input-focus-bg: #ffffff;--body-glow-1: rgba(8, 145, 178, .06);--body-glow-2: rgba(37, 99, 235, .05)}[data-theme=dark]{--bg-primary: 222, 24%, 6%;--bg-secondary: 220, 20%, 10%;--bg-tertiary: 218, 16%, 14%;--surface: 220, 20%, 10%;--primary-gradient: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-cyan: 184, 100%, 50%;--accent-blue: 208, 98%, 65%;--wa-green: 142, 70%, 45%;--danger: 354, 84%, 57%;--warning: 35, 92%, 58%;--success: 142, 76%, 36%;--text-main: 210, 38%, 95%;--text-muted: 215, 16%, 65%;--text-dark: 220, 18%, 15%;--rgb-overlay: 255, 255, 255;--rgb-shadow: 0, 0, 0;--rgb-accent: 0, 242, 254;--rgb-accent-blue: 79, 172, 254;--rgb-modal: 15, 23, 42;--border: rgba(255, 255, 255, .06);--border-focus: rgba(0, 242, 254, .35);--glass-bg: rgba(14, 18, 26, .65);--bubble-incoming-bg: hsl(218, 16%, 14%);--bubble-incoming-border: rgba(255, 255, 255, .02);--bubble-incoming-shadow: none;--bubble-outgoing-bg: #128c7e;--bubble-outgoing-color: #f5f8ff;--bubble-outgoing-shadow: 0 1px 3px rgba(0,0,0,.15);--bubble-auto-bg: #252b36;--bubble-auto-color: #a0aec0;--bubble-auto-border: rgba(255, 255, 255, .1);--btn-primary-text: #040810;--btn-primary-shadow: rgba(0, 242, 254, .25);--btn-primary-shadow-hover: rgba(0, 242, 254, .4);--scrollbar-track: rgba(255, 255, 255, .01);--scrollbar-thumb: rgba(255, 255, 255, .08);--scrollbar-hover: rgba(0, 242, 254, .3);--glass-card-bg: rgba(255, 255, 255, .02);--glass-card-hover-bg: rgba(255, 255, 255, .035);--glass-card-hover-border: rgba(0, 242, 254, .15);--glass-card-hover-shadow: none;--glass-panel-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--input-bg: rgba(0, 0, 0, .25);--input-focus-bg: rgba(0, 0, 0, .35);--body-glow-1: rgba(0, 242, 254, .05);--body-glow-2: rgba(79, 172, 254, .06)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);-webkit-font-smoothing:antialiased}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-main));overflow:hidden;height:100vh;width:100vw;background-image:radial-gradient(circle at 10% 20%,var(--body-glow-1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,var(--body-glow-2) 0%,transparent 45%);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--glass-panel-shadow)}.glass-card{background:var(--glass-card-bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}.glass-card:hover{border-color:var(--glass-card-hover-border);background:var(--glass-card-hover-bg);transform:translateY(-1px);box-shadow:var(--glass-card-hover-shadow)}.glass-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:hsl(var(--text-main));font-size:14px;outline:none;transition:var(--transition)}.glass-input:focus{border-color:hsl(var(--accent-cyan));box-shadow:0 0 15px var(--border-focus);background:var(--input-focus-bg)}.btn-primary{background:var(--primary-gradient);color:var(--btn-primary-text);border:none;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px var(--btn-primary-shadow)}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px var(--btn-primary-shadow-hover);filter:brightness(1.08)}.btn-secondary{background:rgba(var(--rgb-overlay),.05);color:hsl(var(--text-main));border:1px solid var(--border);padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:rgba(var(--rgb-overlay),.08);border-color:rgba(var(--rgb-overlay),.15)}.pulse-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%}.pulse-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:pulse-ring 1.8s cubic-bezier(.215,.61,.355,1) infinite}.pulse-dot.success{background-color:hsl(var(--success))}.pulse-dot.success:after{background-color:hsl(var(--success))}.pulse-dot.warning{background-color:hsl(var(--warning))}.pulse-dot.warning:after{background-color:hsl(var(--warning))}.pulse-dot.danger{background-color:hsl(var(--danger))}.pulse-dot.danger:after{background-color:hsl(var(--danger))}@keyframes pulse-ring{0%{transform:scale(.65);opacity:.8}to{transform:scale(2.8);opacity:0}}.sla-warning{border-left:4px solid hsl(var(--danger))!important;animation:sla-border-pulse 2s infinite ease-in-out}@keyframes sla-border-pulse{0%,to{border-color:hsl(var(--danger));box-shadow:0 0 5px #e83b460d}50%{border-color:#e83b4659;box-shadow:0 0 15px #e83b4640}}.chat-bubble{max-width:70%;padding:10px 14px;border-radius:12px;margin-bottom:8px;line-height:1.45;font-size:14.5px;position:relative;animation:slide-up .15s ease-out}.chat-bubble.incoming{background:var(--bubble-incoming-bg);color:hsl(var(--text-main));align-self:flex-start;border-bottom-left-radius:2px;border:1px solid var(--bubble-incoming-border);box-shadow:var(--bubble-incoming-shadow)}.chat-bubble.outgoing{background:var(--bubble-outgoing-bg);color:var(--bubble-outgoing-color);align-self:flex-end;border-bottom-right-radius:2px;box-shadow:var(--bubble-outgoing-shadow)}.chat-bubble.auto-reply{background:var(--bubble-auto-bg);color:var(--bubble-auto-color);align-self:flex-end;border-bottom-right-radius:2px;border:1px dashed var(--bubble-auto-border)}.chat-bubble.internal-note{align-self:center;border-radius:8px;width:85%;box-shadow:0 4px 6px rgba(var(--rgb-shadow),.1)}@keyframes slide-up{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-toggle{background:rgba(var(--rgb-overlay),.06);border:1px solid var(--border);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:hsl(var(--text-muted));transition:var(--transition);font-size:16px;padding:0;flex-shrink:0}.theme-toggle:hover{background:rgba(var(--rgb-accent),.12);color:hsl(var(--accent-cyan));border-color:rgba(var(--rgb-accent),.3)}