*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6b21d6;--primary-light:#8b5cf6;--primary-lighter:#ede9fe;--primary-dark:#5b10c6;--primary-bg:#f5f0ff;--green-wa:#25d366;--green-wa-light:#dcfce7;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-app:#f0f2f5;--bg-sidebar:#fff;--bg-card:#fff;--bg-chat:#ebe8e1;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--radius-sm:4px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--navbar-height:56px;--sidebar-width:340px}html,body{height:100%;font-family:var(--font);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}button{cursor:pointer;font-family:var(--font);background:0 0;border:none;outline:none;align-items:center;gap:6px;font-size:14px;transition:all .15s;display:inline-flex}input,textarea,select{font-family:var(--font);background:0 0;border:none;outline:none;font-size:14px}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.2s forwards fadeIn}.animate-slide-in{animation:.2s forwards slideInLeft}.animate-scale-in{animation:.15s forwards scaleIn}.animate-message{animation:.2s forwards messageIn}