:root{--product-primary:#6366f1;--product-primary-dark:#4f46e5;--product-secondary:#a855f7;--product-gradient:linear-gradient(135deg,#1e1b4b,#312e81);--product-light:#a5b4fc;--product-bg:#eef2ff;--customer-primary:#14b8a6;--customer-primary-dark:#0d9488;--customer-secondary:#22d3ee;--customer-gradient:linear-gradient(135deg,#0d1f3c,#1a3a5c);--customer-light:#5eead4;--customer-bg:#f0fdfa;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-hover:#e2e8f0;--sidebar-active:#a5b4fc;--sidebar-active-bg:#6366f126;--sidebar-border:#ffffff0f;--sidebar-ai-highlight:#6366f133;--success:#10b981;--success-light:#86efac;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#f59e0b;--warning-dark:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#ef4444;--danger-dark:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#3b82f6;--info-dark:#2563eb;--info-bg:#eff6ff;--info-border:#bfdbfe;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--white:#fff;--black:#000;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:13.5px;--text-lg:15px;--text-xl:17px;--text-2xl:24px;--text-3xl:28px;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.06em;--tracking-widest:.08em;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:10px;--border-radius-xl:12px;--border-radius-2xl:14px;--border-radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-width-3:3px;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--border-color-dark:#cbd5e1;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #6366f11f;--shadow-xl:0 20px 60px #00000026;--shadow-sidebar:-4px 0 30px #0000001a;--sidebar-width:255px;--header-height:64px;--topbar-height:68px;--transition-fast:.15s;--transition-normal:.3s;--transition-slow:.8s;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-header:30;--z-sidebar:40;--z-panel:60;--z-notification:80;--z-modal:100;--badge-padding:2px 9px;--badge-font-size:11px;--badge-border-radius:20px;--btn-padding-sm:5px 12px;--btn-padding-md:7px 14px;--btn-padding-lg:8px 16px;--card-bg:#fff;--card-border:1px solid #f1f5f9;--card-shadow:0 1px 3px #0000000a;--card-padding:20px;--kpi-padding:18px 20px;--task-card-border:1px solid #e2e8f0;--task-card-hover-shadow:0 4px 16px #6366f11f;--task-card-hover-border:#c7d2fe;--icon-box-size:36px;--icon-box-size-sm:28px;--icon-box-size-lg:38px;--icon-box-border-radius:9px;--agent-status-padding:14px 20px;--agent-pulse-size:10px;--activity-spinner-size:16px;--activity-icon-size:32px}*{font-family:var(--font-family)}body{font-size:var(--text-base);color:var(--slate-700);background:var(--slate-50)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:2px}::-webkit-scrollbar-track{background:0 0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulse{animation:1.5s infinite pulse}.spin{animation:.8s linear infinite spin}.transition-fast{transition:all var(--transition-fast)var(--ease-in-out)}.transition-normal{transition:all var(--transition-normal)var(--ease-in-out)}.badge{padding:var(--badge-padding);border-radius:var(--badge-border-radius);font-size:var(--badge-font-size);font-weight:var(--font-semibold);align-items:center;gap:5px;display:inline-flex}.badge-green{background:var(--success-bg);color:var(--success)}.badge-amber{background:var(--warning-bg);color:var(--warning-dark)}.badge-red{background:var(--danger-bg);color:var(--danger-dark)}.badge-blue{background:var(--info-bg);color:var(--info-dark)}.badge-slate{background:var(--slate-50);color:var(--slate-600)}.badge-indigo{background:var(--product-bg);color:var(--product-primary-dark)}.badge-teal{background:var(--customer-bg);color:var(--customer-primary-dark)}.btn{border-radius:var(--border-radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;display:inline-flex}.btn-primary{background:var(--product-primary);color:var(--white);padding:var(--btn-padding-lg)}.btn-primary:hover{background:var(--product-primary-dark)}.btn-success{background:var(--success);color:var(--white);padding:var(--btn-padding-sm)}.btn-danger{background:var(--danger);color:var(--white);padding:var(--btn-padding-sm)}.btn-outline{background:var(--white);color:var(--slate-600);border:1px solid var(--border-color);padding:var(--btn-padding-md)}.btn-outline:hover{background:var(--slate-50);border-color:var(--border-color-dark)}.card{background:var(--card-bg);border-radius:var(--border-radius-xl);border:var(--card-border);box-shadow:var(--card-shadow)}.kpi{background:var(--white);border-radius:var(--border-radius-xl);padding:var(--kpi-padding);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.progress-track{background:var(--slate-100);border-radius:4px;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width var(--transition-slow)var(--ease-out);border-radius:4px}