.skeleton[data-v-5804b8ac]{background:linear-gradient(90deg,var(--bg-tertiary, #f3f4f6) 0%,var(--bg-secondary, #f9fafb) 50%,var(--bg-tertiary, #f3f4f6) 100%);background-size:200% 100%;animation:skeleton-loading-5804b8ac 1.5s ease-in-out infinite}@keyframes skeleton-loading-5804b8ac{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton[data-v-5804b8ac]{background:linear-gradient(90deg,#0f172a,#1f2937,#0f172a);background-size:200% 100%}.empty-state[data-v-f4308e91]{animation:fade-in-f4308e91 .4s ease-out;position:relative}@keyframes fade-in-f4308e91{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float-f4308e91{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-delayed-f4308e91{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes ping-slow-f4308e91{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes ping-slower-f4308e91{0%{transform:scale(1);opacity:.3}to{transform:scale(2);opacity:0}}.animate-float[data-v-f4308e91]{animation:float-f4308e91 6s ease-in-out infinite}.animate-float-delayed[data-v-f4308e91]{animation:float-delayed-f4308e91 8s ease-in-out infinite;animation-delay:2s}.animate-ping-slow[data-v-f4308e91]{animation:ping-slow-f4308e91 3s cubic-bezier(0,0,.2,1) infinite}.animate-ping-slower[data-v-f4308e91]{animation:ping-slower-f4308e91 4s cubic-bezier(0,0,.2,1) infinite;animation-delay:1s}@keyframes float-bubble-9b3664fc{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-bubble-delayed-9b3664fc{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes typing-dot-9b3664fc{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.animate-float-bubble[data-v-9b3664fc]{animation:float-bubble-9b3664fc 4s ease-in-out infinite}.animate-float-bubble-delayed[data-v-9b3664fc]{animation:float-bubble-delayed-9b3664fc 4s ease-in-out infinite;animation-delay:1s}.animate-typing-dot-1[data-v-9b3664fc]{animation:typing-dot-9b3664fc 1.4s ease-in-out infinite}.animate-typing-dot-2[data-v-9b3664fc]{animation:typing-dot-9b3664fc 1.4s ease-in-out infinite;animation-delay:.2s}.animate-typing-dot-3[data-v-9b3664fc]{animation:typing-dot-9b3664fc 1.4s ease-in-out infinite;animation-delay:.4s}.animate-bounce-slow[data-v-9b3664fc]{animation:bounce-9b3664fc 2s infinite}@keyframes bounce-9b3664fc{0%,to{transform:translateY(-5%)}50%{transform:translateY(0)}}.animate-pulse-slow[data-v-9b3664fc]{animation:pulse-9b3664fc 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-9b3664fc{0%,to{opacity:.8}50%{opacity:.4}}.overflow-y-scroll[data-v-e756a3f2]{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar{width:8px}.overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar-track{background:transparent}.overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:4px}.overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.dark .overflow-y-scroll[data-v-e756a3f2]{scrollbar-color:rgba(107,114,128,.6) transparent}.dark .overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar-thumb{background-color:#6b728099}.dark .overflow-y-scroll[data-v-e756a3f2]::-webkit-scrollbar-thumb:hover{background-color:#6b7280cc}.slide-down-enter-active[data-v-cb23eb30],.slide-down-leave-active[data-v-cb23eb30]{transition:all .3s ease;max-height:600px;overflow:hidden}.slide-down-enter-from[data-v-cb23eb30],.slide-down-leave-to[data-v-cb23eb30]{opacity:0;max-height:0;transform:translateY(-10px)}.dropdown-enter-active[data-v-097799f0],.dropdown-leave-active[data-v-097799f0]{transition:all .2s ease}.dropdown-enter-from[data-v-097799f0],.dropdown-leave-to[data-v-097799f0]{opacity:0;transform:translateY(-5px) scale(.95)}.dropdown-enter-active[data-v-3187c3fa],.dropdown-leave-active[data-v-3187c3fa]{transition:all .2s ease}.dropdown-enter-from[data-v-3187c3fa],.dropdown-leave-to[data-v-3187c3fa]{opacity:0;transform:translateY(-5px)}@keyframes ripple-c630c536{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.animate-ripple[data-v-c630c536]{animation:ripple-c630c536 .6s ease-out}.hide-scrollbar[data-v-46f03046]{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar[data-v-46f03046]::-webkit-scrollbar{display:none}.slide-up-enter-active[data-v-b59bccca],.slide-up-leave-active[data-v-b59bccca]{transition:all .2s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-b59bccca],.slide-up-leave-to[data-v-b59bccca]{opacity:0;transform:translateY(10px)}.scale-enter-active[data-v-24bf8d22],.scale-leave-active[data-v-24bf8d22]{transition:all .15s cubic-bezier(.68,-.55,.265,1.55)}.scale-enter-from[data-v-24bf8d22],.scale-leave-to[data-v-24bf8d22]{opacity:0;transform:scale(.95)}.scrollbar-hide[data-v-24bf8d22]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-24bf8d22]::-webkit-scrollbar{display:none}@keyframes bounce-subtle-24bf8d22{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.group:hover .group-hover\:scale-110[data-v-24bf8d22]{animation:bounce-subtle-24bf8d22 .3s ease-in-out}.sla-timer[data-v-80c60aa1]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slide-down-enter-active[data-v-94ab1a2b],.slide-down-leave-active[data-v-94ab1a2b]{transition:all .3s ease}.slide-down-enter-from[data-v-94ab1a2b],.slide-down-leave-to[data-v-94ab1a2b]{opacity:0;transform:translateY(-10px)}@keyframes bounce-94ab1a2b{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce[data-v-94ab1a2b]{animation:bounce-94ab1a2b .8s infinite}.error-boundary-wrapper[data-v-552ce7d1],.error-boundary[data-v-552ce7d1]{display:contents}.error-boundary>div[data-v-552ce7d1]{width:100%;height:100%}pre[data-v-552ce7d1]{white-space:pre-wrap;word-break:break-word}.rtl[data-v-902c5397]{direction:rtl}.toast-enter-active[data-v-902c5397],.toast-leave-active[data-v-902c5397]{transition:all .3s ease}.toast-enter-from[data-v-902c5397],.toast-leave-to[data-v-902c5397]{opacity:0;transform:translate(100%)}.slide-down-enter-active[data-v-902c5397],.slide-down-leave-active[data-v-902c5397]{transition:all .3s ease}.slide-down-enter-from[data-v-902c5397],.slide-down-leave-to[data-v-902c5397]{opacity:0;transform:translateY(-100%)}.slide-left-enter-active[data-v-902c5397],.slide-left-leave-active[data-v-902c5397]{transition:all .3s ease}.slide-left-enter-from[data-v-902c5397],.slide-left-leave-to[data-v-902c5397]{opacity:0;transform:translate(100%)}.slide-up-enter-active[data-v-902c5397],.slide-up-leave-active[data-v-902c5397]{transition:all .3s ease}.slide-up-enter-from[data-v-902c5397],.slide-up-leave-to[data-v-902c5397]{opacity:0;transform:translateY(100%)}.fade-enter-active[data-v-902c5397],.fade-leave-active[data-v-902c5397]{transition:opacity .3s ease}.fade-enter-from[data-v-902c5397],.fade-leave-to[data-v-902c5397]{opacity:0}:root{--color-primary-50: 239 246 255;--color-primary-100: 219 234 254;--color-primary-200: 191 219 254;--color-primary-300: 147 197 253;--color-primary-400: 96 165 250;--color-primary-500: 59 130 246;--color-primary-600: 37 99 235;--color-primary-700: 29 78 216;--color-primary-800: 30 64 175;--color-primary-900: 30 58 138;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1d4ed8;--color-secondary: #6366f1;--color-secondary-hover: #4f46e5;--color-secondary-light: #e0e7ff;--color-success-50: 236 253 245;--color-success-100: 209 250 229;--color-success-200: 167 243 208;--color-success-300: 110 231 183;--color-success-400: 52 211 153;--color-success-500: 16 185 129;--color-success-600: 5 150 105;--color-success-700: 4 120 87;--color-success-800: 6 95 70;--color-success-900: 6 78 59;--color-success: #10b981;--color-warning-50: 255 251 235;--color-warning-100: 254 243 199;--color-warning-200: 253 230 138;--color-warning-300: 252 211 77;--color-warning-400: 251 191 36;--color-warning-500: 245 158 11;--color-warning-600: 217 119 6;--color-warning-700: 180 83 9;--color-warning-800: 146 64 14;--color-warning-900: 120 53 15;--color-warning: #f59e0b;--color-error-50: 254 242 242;--color-error-100: 254 226 226;--color-error-200: 254 202 202;--color-error-300: 252 165 165;--color-error-400: 248 113 113;--color-error-500: 239 68 68;--color-error-600: 220 38 38;--color-error-700: 185 28 28;--color-error-800: 153 27 27;--color-error-900: 127 29 29;--color-error: #ef4444;--color-info: #3b82f6;--color-neutral-50: 249 250 251;--color-neutral-100: 243 244 246;--color-neutral-200: 229 231 235;--color-neutral-300: 209 213 219;--color-neutral-400: 156 163 175;--color-neutral-500: 107 114 128;--color-neutral-600: 75 85 99;--color-neutral-700: 55 65 81;--color-neutral-800: 31 41 55;--color-neutral-900: 17 24 39;--bg-primary: 255 255 255;--bg-secondary: 249 250 251;--bg-tertiary: 243 244 246;--bg-surface: 255 255 255;--bg-overlay: 0 0 0 / .5;--bg-hover: #f3f4f6;--bg-active: #e5e7eb;--text-primary: 17 24 39;--text-secondary: 75 85 99;--text-tertiary: 156 163 175;--text-inverse: 255 255 255;--border-primary: 229 231 235;--border-secondary: 243 244 246;--border-focus: 59 130 246;--border-color: #e5e7eb;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--spacing-0: 0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--space-0: 0;--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-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--message-bubble-max-width: 75%;--message-bubble-padding: var(--space-3) var(--space-4);--message-bubble-radius: var(--radius-lg);--message-outgoing-bg: var(--color-primary);--message-outgoing-text: var(--text-inverse);--message-incoming-bg: var(--bg-tertiary);--message-incoming-text: var(--text-primary);--chat-item-height: 72px;--chat-item-padding: var(--space-3) var(--space-4);--chat-avatar-size: 48px;--input-height: 44px;--input-padding: var(--space-3) var(--space-4);--input-radius: var(--radius-xl);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--contact-panel-width: 320px}.dark,[data-theme=dark]{--bg-primary: 15 23 42;--bg-secondary: 30 41 59;--bg-tertiary: 51 65 85;--bg-surface: 30 41 59;--bg-overlay: 0 0 0 / .75;--bg-hover: #374151;--bg-active: #4b5563;--text-primary: 241 245 249;--text-secondary: 203 213 225;--text-tertiary: 148 163 184;--text-inverse: 15 23 42;--border-primary: 51 65 85;--border-secondary: 30 41 59;--border-focus: 96 165 250;--border-color: #374151;--border-hover: #4b5563;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-secondary: #818cf8;--color-secondary-hover: #a5b4fc;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--message-incoming-bg: #374151}[dir=rtl]{--text-align: right;--flex-direction: row-reverse}[dir=ltr]{--text-align: left;--flex-direction: row}.inbox-v3,.inbox-app{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:rgb(var(--text-primary));background-color:rgb(var(--bg-primary));transition:background-color var(--transition-base),color var(--transition-base)}.text-display{font-size:3rem;line-height:1.2;font-weight:700}.text-h1{font-size:2rem;line-height:1.2;font-weight:600}.text-h2{font-size:1.5rem;line-height:1.3;font-weight:600}.text-h3{font-size:1.25rem;line-height:1.4;font-weight:600}.text-body{font-size:1rem;line-height:1.5;font-weight:400}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes message-send{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes message-receive{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes reaction-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-smooth{transition:all var(--duration-normal) var(--ease-in-out)}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus-visible{outline:2px solid rgb(var(--border-focus));outline-offset:2px}.hover-lift{transition:transform var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-in-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-normal) var(--ease-out)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--duration-normal) var(--ease-out)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-10px)}.scale-enter-active,.scale-leave-active{transition:all var(--duration-fast) var(--ease-spring)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);min-height:44px}.btn-base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input-base{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;line-height:1.5;color:rgb(var(--text-primary));background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-primary));border-radius:var(--radius-md);transition:all var(--transition-base)}.input-base:focus{outline:none;border-color:rgb(var(--border-focus));box-shadow:0 0 0 3px rgb(var(--border-focus) / .1)}.input-base::-moz-placeholder{color:rgb(var(--text-tertiary))}.input-base::placeholder{color:rgb(var(--text-tertiary))}.card-base{background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-primary));border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.inbox-v3-container{display:flex;height:100vh;overflow:hidden;background-color:rgb(var(--bg-primary));color:rgb(var(--text-primary))}.inbox-v3-container,.inbox-v3-container *{transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow)}@media(max-width:639px){:root{--sidebar-width: 0;--contact-panel-width: 0;--message-bubble-max-width: 85%}}@media(min-width:640px){:root{--chat-item-height: 80px;--chat-avatar-size: 52px}}@media(min-width:1024px){:root{--message-bubble-max-width: 70%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: #000000;--text-secondary: #000000}.dark{--border-color: #ffffff;--text-secondary: #ffffff}}@media print{:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #666666}.no-print{display:none!important}}