:root{--bg:#f0f4f7;--surface:#fff;--sidebar-bg:#1b3a4b;--sidebar-text:#b8ccd8;--sidebar-active:#0891b2;--primary:#1b3a4b;--accent:#0891b2;--accent-light:#e6f7fa;--accent-dim:#067a97;--text:#1a2632;--text-dim:#4a5e6d;--muted:#7b8f9e;--border:#1b3a4b1f;--green:#0d7c5f;--green-light:#e8f5f0;--amber:#b45309;--amber-light:#fef6e7;--red:#be3a3a;--red-light:#fde8e8;--purple:#6d28d9;--purple-light:#f0eafc;--shadow-raised:0 1px 3px #1b3a4b14, 0 1px 2px #1b3a4b0f;--shadow-sm:0 1px 2px #1b3a4b0f;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:var(--font);font-size:13px}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised);border-radius:10px}.btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dim)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.pill{letter-spacing:.02em;border-radius:12px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-open{background:var(--accent-light);color:var(--accent)}.pill-progress{background:var(--amber-light);color:var(--amber)}.pill-waiting{color:var(--muted);background:#f0f4f7}.pill-escalated{background:var(--red-light);color:var(--red)}.pill-resolved{background:var(--green-light);color:var(--green)}.pill-closed,.pill-low{color:#5a6b78;background:#e8ecf0}.pill-medium{background:var(--amber-light);color:var(--amber)}.pill-high{color:#c2410c;background:#ffe8d6}.pill-urgent{background:var(--red-light);color:var(--red)}.pill-chat{color:#7c3aed;background:#ede9fe}.pill-email{color:#0369a1;background:#e0f2fe}.pill-whatsapp{color:#059669;background:#ecfdf5}.pill-phone{background:var(--amber-light);color:var(--amber)}.pill-manual{color:#5a6b78;background:#e8ecf0}.pill-instagram{color:#be185d;background:#fce7f3}.pill-facebook{color:#1d4ed8;background:#dbeafe}.pill-standard{color:var(--muted);background:#e8ecf0}.pill-premium{background:var(--amber-light);color:var(--amber)}.pill-vip{background:var(--red-light);color:var(--red)}.pill-agent{background:var(--accent-light);color:var(--accent)}.pill-supervisor{background:var(--purple-light);color:var(--purple)}.pill-admin{background:var(--primary);color:#fff}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:16px}.stat-card .value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:11px}.stat-card.alert .value{color:var(--red)}.stat-card.warn .value{color:var(--amber)}.stat-card.ok .value{color:var(--green)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:7px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0891b21a}.input::placeholder{color:var(--muted)}.select{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);cursor:pointer;border-radius:7px;outline:none;padding:9px 12px;font-size:13px}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}