#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f5f7fa}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next,#app{isolation:isolate}:root{--color-primary: #25D366;--color-primary-dark: #128C7E;--color-secondary: #34495e;--color-accent: #3498db;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-light: #ecf0f1;--color-dark: #2c3e50;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--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);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-6{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-6{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-4{margin:var(--spacing-md)}.m-6{margin:var(--spacing-lg)}.m-8{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast);outline:none;font-size:.875rem}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-outline{background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #25d3661a}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:root{--color-primary-50: #E8F8EF;--color-primary-100: #C8F0DA;--color-primary-200: #91E1B5;--color-primary-300: #5BD290;--color-primary-400: #3DCE7D;--color-primary-500: #25D366;--color-primary-600: #1DA851;--color-primary-700: #158140;--color-primary-800: #0F6533;--color-primary-900: #0A4D27;--color-accent-purple: #8B5CF6;--color-accent-blue: #3B82F6;--color-accent-pink: #EC4899;--color-accent-orange: #F59E0B;--color-accent-teal: #14B8A6;--color-accent-indigo: #6366F1;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-whatsapp: #25D366;--color-instagram: #E4405F;--color-facebook: #0084FF;--color-webchat: #6366F1;--color-background: #F5F7FA;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-divider: #E5E7EB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-bubble-inbound: #FFFFFF;--color-bubble-outbound: #DCF8C6;--color-bubble-outbound-alt: #E8F5E9;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 19px;--text-2xl: 22px;--text-3xl: 26px;--text-4xl: 32px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--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;--z-notification: 1080;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-linear: linear;--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-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--transition-base: all var(--duration-normal) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--transition-colors: color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-fast) var(--ease-in-out);--safe-area-top: env(safe-area-inset-top, 0);--safe-area-right: env(safe-area-inset-right, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--header-height-mobile: 56px;--header-height-tablet: 64px;--header-height-desktop: 72px;--bottom-nav-height: 56px;--content-max-width-mobile: 100%;--content-max-width-tablet: 768px;--content-max-width-desktop: 1280px;--conversation-list-width-mobile: 100%;--conversation-list-width-tablet: 320px;--conversation-list-width-desktop: 380px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--breakpoint-mobile: 0px;--breakpoint-mobile-lg: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-desktop-lg: 1280px;--breakpoint-desktop-xl: 1536px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-fade-in{animation:fadeIn var(--duration-fast) var(--ease-in-out)}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chatride-mobile{box-sizing:border-box;font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.chatride-mobile *,.chatride-mobile *:before,.chatride-mobile *:after{box-sizing:inherit}.chatride-mobile-layout{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-background);overflow:hidden;position:relative}.chatride-mobile-layout--with-safe-area{padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left)}.mobile-header{height:var(--header-height-mobile);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:var(--z-sticky);flex-shrink:0}.mobile-header__left,.mobile-header__right{display:flex;align-items:center;gap:var(--space-2)}.mobile-header__center{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2)}.mobile-header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.mobile-content::-webkit-scrollbar{display:none}.mobile-content{-ms-overflow-style:none;scrollbar-width:none}.mobile-bottom-nav{height:var(--bottom-nav-height);display:flex;align-items:center;justify-content:space-around;background-color:var(--color-surface);border-top:1px solid var(--color-border-light);position:sticky;bottom:0;z-index:var(--z-sticky);flex-shrink:0}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-colors);position:relative;min-height:var(--touch-target-min);cursor:pointer;background:none;border:none}.mobile-bottom-nav__item:active{background-color:var(--color-surface-hover)}.mobile-bottom-nav__item--active{color:var(--color-primary-500)}.mobile-bottom-nav__icon{font-size:20px;line-height:1}.mobile-bottom-nav__label{font-size:var(--text-xs);font-weight:var(--font-medium)}.mobile-bottom-nav__badge{position:absolute;top:var(--space-1);right:50%;transform:translate(8px);min-width:18px;height:18px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);line-height:1}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-tight);text-decoration:none;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.mobile-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mobile-btn--primary{background-color:var(--color-primary-500);color:var(--color-text-inverse)}.mobile-btn--primary:active{background-color:var(--color-primary-600)}.mobile-btn--secondary{background-color:var(--color-gray-100);color:var(--color-text-primary)}.mobile-btn--secondary:active{background-color:var(--color-gray-200)}.mobile-btn--outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.mobile-btn--outline:active{background-color:var(--color-gray-50)}.mobile-btn--ghost{background-color:transparent;color:var(--color-text-primary)}.mobile-btn--ghost:active{background-color:var(--color-gray-100)}.mobile-btn--danger{background-color:var(--color-error);color:var(--color-text-inverse)}.mobile-btn--danger:active{background-color:#dc2626}.mobile-btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:36px}.mobile-btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:52px}.mobile-btn--icon{padding:var(--space-3);min-width:var(--touch-target-min);border-radius:var(--radius-full)}.mobile-btn--icon-sm{padding:var(--space-2);min-width:36px;min-height:36px;border-radius:var(--radius-full)}.mobile-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:0;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors);position:relative}.mobile-icon-btn:active{background-color:var(--color-gray-100)}.mobile-icon-btn--primary{color:var(--color-primary-500)}.mobile-icon-btn--danger{color:var(--color-error)}.mobile-icon-btn__badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.mobile-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-gray-200);color:var(--color-text-primary);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.mobile-avatar__img{width:100%;height:100%;object-fit:cover}.mobile-avatar__text{font-size:var(--text-base);text-transform:uppercase}.mobile-avatar--xs{width:24px;height:24px;font-size:var(--text-xs)}.mobile-avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.mobile-avatar--md{width:40px;height:40px;font-size:var(--text-base)}.mobile-avatar--lg{width:56px;height:56px;font-size:var(--text-xl)}.mobile-avatar--xl{width:72px;height:72px;font-size:var(--text-2xl)}.mobile-avatar__badge{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--color-surface)}.mobile-avatar__badge--online{background-color:var(--color-success)}.mobile-avatar__badge--offline{background-color:var(--color-gray-400)}.mobile-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.mobile-badge--primary{background-color:var(--color-primary-500);color:var(--color-text-inverse)}.mobile-badge--success{background-color:var(--color-success);color:var(--color-text-inverse)}.mobile-badge--warning{background-color:var(--color-warning);color:var(--color-text-inverse)}.mobile-badge--error{background-color:var(--color-error);color:var(--color-text-inverse)}.mobile-badge--gray{background-color:var(--color-gray-200);color:var(--color-text-primary)}.mobile-badge--sm{min-width:16px;height:16px;padding:0 4px;font-size:10px}.mobile-badge--lg{min-width:24px;height:24px;padding:0 var(--space-3);font-size:var(--text-sm)}.mobile-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.mobile-chip:active{background-color:var(--color-gray-50)}.mobile-chip--active{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-text-inverse)}.mobile-chip--active:active{background-color:var(--color-primary-600)}.mobile-chip__count{font-size:var(--text-xs);opacity:.8}.mobile-divider{height:1px;background-color:var(--color-divider);border:none;margin:var(--space-4) 0}.mobile-divider--thick{height:8px;background-color:var(--color-gray-100)}.mobile-divider--vertical{width:1px;height:auto;margin:0 var(--space-2)}.mobile-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .6s linear infinite}.mobile-spinner--sm{width:16px;height:16px;border-width:2px}.mobile-spinner--lg{width:32px;height:32px;border-width:3px}.mobile-skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.mobile-skeleton--text{height:16px;margin:var(--space-2) 0}.mobile-skeleton--circle{border-radius:var(--radius-full)}.mobile-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary)}.mobile-empty-state__icon{font-size:64px;margin-bottom:var(--space-4);opacity:.5}.mobile-empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.mobile-empty-state__description{font-size:var(--text-sm);margin:0 0 var(--space-6) 0}.mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-fast) var(--ease-in-out)}.mobile-overlay--light{background-color:#0000004d}.mobile-overlay--dark{background-color:#000000b3}@media(min-width:640px){.mobile-hidden-sm{display:none}}@media(min-width:768px){.mobile-hidden-md{display:none}.mobile-header{height:var(--header-height-tablet)}}@media(min-width:1024px){.mobile-hidden-lg{display:none}}@media(min-width:768px){.mobile-only{display:none!important}}.mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-btn:focus-visible,.mobile-icon-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}