@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: #EEF2FF;--color-primary-dark: #4338CA;--color-secondary: #8B5CF6;--color-secondary-hover: #7C3AED;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-danger: #EF4444;--color-danger-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-bg: #F9FAFB;--color-bg-alt: #F3F4F6;--color-surface: #FFFFFF;--color-surface-hover: #F3F4F6;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text: #111827;--color-text-secondary: #374151;--color-text-muted: #6B7280;--color-text-inverse: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-hover: rgba(99, 102, 241, .08);--color-input-bg: #F8FAFC;--color-shadow: rgba(0, 0, 0, .08);--color-overlay: rgba(0, 0, 0, .4);--color-msg-agent: #EEF2FF;--color-msg-customer: #F1F5F9;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--sidebar-width: 64px;--sidebar-width-expanded: 220px}[data-theme=dark]{--color-primary: #818CF8;--color-primary-hover: #6366F1;--color-primary-light: #312E81;--color-primary-dark: #A5B4FC;--color-secondary: #A78BFA;--color-secondary-hover: #7C3AED;--color-success: #4ADE80;--color-success-light: #14532D;--color-warning: #FBBF24;--color-warning-light: #713F12;--color-danger: #F87171;--color-danger-light: #7F1D1D;--color-info: #60A5FA;--color-info-light: #1E3A5F;--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-surface: #1E293B;--color-surface-hover: #334155;--color-border: #334155;--color-border-light: #1E293B;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #64748B;--color-text-inverse: #0F172A;--color-bg-card: #1E293B;--color-bg-hover: rgba(99, 102, 241, .15);--color-input-bg: #0F172A;--color-shadow: rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .6);--color-msg-agent: #312E81;--color-msg-customer: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:light dark}body{font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#1e293bd9;border-color:#33415566}.gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7)}.gradient-auth{background:linear-gradient(135deg,#eef2ff,#e0e7ff,#c7d2fe 60%,#a5b4fc)}[data-theme=dark] .gradient-auth{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca 60%,#6366f1)}.gradient-mesh{background:radial-gradient(at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(at 40% 60%,rgba(168,85,247,.1) 0%,transparent 50%)}[data-theme=dark] .gradient-mesh{background:radial-gradient(at 20% 20%,rgba(99,102,241,.3) 0%,transparent 50%),radial-gradient(at 80% 80%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(at 40% 60%,rgba(168,85,247,.2) 0%,transparent 50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f133}50%{box-shadow:0 0 15px #6366f166}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-slide-right{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 6s ease infinite}.skeleton{background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-border-light) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-base)}.slide-enter-from{opacity:0;transform:translateY(10px)}.slide-leave-to{opacity:0;transform:translateY(-10px)}.slide-right-enter-active,.slide-right-leave-active{transition:all var(--transition-base)}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(20px)}.toast-enter-active{animation:fadeInUp .3s ease-out}.toast-leave-active{transition:all .2s ease-in}.toast-leave-to{opacity:0;transform:translateY(-10px) scale(.95)}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 200)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:460px;box-shadow:var(--shadow-xl)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal__header h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.modal__close{background:none;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--color-text-muted);padding:var(--space-1)}.modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.modal__field{display:flex;flex-direction:column;gap:var(--space-1)}.modal__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.modal__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.6}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.modal__avatar-section{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.modal__avatar-preview{width:64px;height:64px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.modal__avatar-img{width:100%;height:100%;object-fit:cover}.modal__avatar-initials{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.modal__avatar-actions{display:flex;flex-direction:column;gap:var(--space-1)}.modal__avatar-btn{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background .15s}.modal__avatar-btn:hover{background:var(--color-primary-light)}.modal__avatar-input{display:none}.modal__avatar-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.modal__tabs{display:flex;border-bottom:1px solid var(--color-border);margin:0 -24px;padding:0 24px}.modal__tab{flex:1;padding:var(--space-3) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.modal__tab:hover{color:var(--color-text)}.modal__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}