@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-200: #e9d5ff;--color-secondary-300: #d8b4fe;--color-secondary-400: #c084fc;--color-secondary-500: #a855f7;--color-secondary-600: #9333ea;--color-secondary-700: #7c3aed;--color-secondary-800: #6b21a8;--color-secondary-900: #581c87;--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--gradient-primary: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-secondary-700) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-secondary-800) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-secondary-600) 50%, var(--color-primary-500) 100%);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-4: 4px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 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);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-primary: 0 4px 14px 0 rgb(79 70 229 / .3);--shadow-primary-lg: 0 10px 25px 0 rgb(79 70 229 / .3);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--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);--transition-colors: color var(--duration-150) var(--ease-in-out), background-color var(--duration-150) var(--ease-in-out), border-color var(--duration-150) var(--ease-in-out);--transition-transform: transform var(--duration-200) var(--ease-out);--transition-all: all var(--duration-200) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-200) var(--ease-in-out);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--header-height: 64px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--mobile-nav-height: 64px;--input-height: 44px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--avatar-xs: 24px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 56px;--avatar-xl: 80px;--avatar-2xl: 128px;--message-max-width: 70%;--message-radius: var(--radius-2xl)}@media(prefers-color-scheme:dark){:root{--color-neutral-0: #111827;--color-neutral-50: #1f2937;--color-neutral-100: #374151;--color-neutral-200: #4b5563;--color-neutral-300: #6b7280;--color-neutral-400: #9ca3af;--color-neutral-500: #d1d5db;--color-neutral-600: #e5e7eb;--color-neutral-700: #f3f4f6;--color-neutral-800: #f9fafb;--color-neutral-900: #ffffff;--color-neutral-950: #ffffff}}[data-theme=light]{--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712}[data-theme=dark]{--color-neutral-0: #111827;--color-neutral-50: #1f2937;--color-neutral-100: #374151;--color-neutral-200: #4b5563;--color-neutral-300: #6b7280;--color-neutral-400: #9ca3af;--color-neutral-500: #d1d5db;--color-neutral-600: #e5e7eb;--color-neutral-700: #f3f4f6;--color-neutral-800: #f9fafb;--color-neutral-900: #ffffff;--color-neutral-950: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-0);min-height:100vh;min-height:100dvh}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}h1{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-700)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}input:disabled,button:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-neutral-500)}.text-muted{color:var(--color-neutral-400)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn var(--duration-200) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-200) var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-lg);transition:var(--transition-all);white-space:nowrap;cursor:pointer;border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:var(--btn-height-sm);padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--space-6);font-size:var(--font-size-base)}.btn-xl{height:56px;padding:0 var(--space-8);font-size:var(--font-size-lg)}.btn-primary{background:var(--gradient-primary);color:var(--color-neutral-0);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-200)}.btn-outline{background:transparent;color:var(--color-primary-600);border:var(--border-1) solid var(--color-primary-600)}.btn-outline:hover:not(:disabled){background:var(--color-primary-50)}.btn-ghost{background:transparent;color:var(--color-neutral-600)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-danger{background:var(--color-error-600);color:var(--color-neutral-0)}.btn-danger:hover:not(:disabled){background:var(--color-error-700)}.btn-success{background:var(--color-success-600);color:var(--color-neutral-0)}.btn-success:hover:not(:disabled){background:var(--color-success-700)}.btn-block{width:100%}.btn-icon{width:var(--btn-height-md);padding:0}.btn-icon.btn-sm{width:var(--btn-height-sm)}.btn-icon.btn-lg{width:var(--btn-height-lg)}.input{width:100%;height:var(--input-height);padding:0 var(--space-3);font-size:var(--font-size-base);color:var(--color-neutral-900);background:var(--color-neutral-0);border:var(--border-1) solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:var(--transition-colors),var(--transition-shadow)}.input::placeholder{color:var(--color-neutral-400)}.input:hover:not(:disabled){border-color:var(--color-neutral-400)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input:disabled{background:var(--color-neutral-100)}.input-error{border-color:var(--color-error-500)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-100)}.textarea{min-height:100px;padding:var(--space-3);resize:vertical}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:var(--space-10)}.input-group .input-icon{position:absolute;left:var(--space-3);color:var(--color-neutral-400);pointer-events:none}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.form-hint{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.form-error{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error-600)}.card{background:var(--color-neutral-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-elevated{box-shadow:var(--shadow-md)}.card-bordered{box-shadow:none;border:var(--border-1) solid var(--color-neutral-200)}.card-interactive{cursor:pointer;transition:var(--transition-transform),var(--transition-shadow)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:var(--border-1) solid var(--color-neutral-100)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:var(--border-1) solid var(--color-neutral-100);background:var(--color-neutral-50)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--color-neutral-0);font-weight:var(--font-weight-semibold);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:var(--avatar-xs);height:var(--avatar-xs);font-size:var(--font-size-xs)}.avatar-sm{width:var(--avatar-sm);height:var(--avatar-sm);font-size:var(--font-size-sm)}.avatar-lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--font-size-xl)}.avatar-xl{width:var(--avatar-xl);height:var(--avatar-xl);font-size:var(--font-size-2xl)}.avatar-2xl{width:var(--avatar-2xl);height:var(--avatar-2xl);font-size:var(--font-size-4xl)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--color-neutral-0);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background:var(--color-neutral-100);color:var(--color-neutral-600)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background:var(--color-error-100);color:var(--color-error-700)}.badge-info{background:var(--color-info-100);color:var(--color-info-700)}.badge-lg{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-150) var(--ease-out)}.modal{position:relative;width:100%;max-width:500px;max-height:calc(100vh - var(--space-8));background:var(--color-neutral-0);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;z-index:var(--z-modal);animation:slideUp var(--duration-200) var(--ease-out)}.modal-lg{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-1) solid var(--color-neutral-100)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-neutral-400);transition:var(--transition-colors)}.modal-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-600)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-1) solid var(--color-neutral-100);background:var(--color-neutral-50)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);min-width:300px;max-width:420px;padding:var(--space-4);background:var(--color-neutral-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideUp var(--duration-300) var(--ease-out)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-weight-medium);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.toast-message{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);border-radius:var(--radius-md);transition:var(--transition-colors)}.toast-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-600)}.toast-success .toast-icon{color:var(--color-success-500)}.toast-error .toast-icon{color:var(--color-error-500)}.toast-warning .toast-icon{color:var(--color-warning-500)}.toast-info .toast-icon{color:var(--color-info-500)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:80%}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full)}.tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-1) solid var(--color-neutral-200);padding-bottom:0}.tab{position:relative;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);background:none;border:none;cursor:pointer;transition:var(--transition-colors)}.tab:hover{color:var(--color-neutral-700)}.tab.active{color:var(--color-primary-600)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary-600);border-radius:var(--radius-full) var(--radius-full) 0 0}.tab-content{padding:var(--space-5) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-neutral-300)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-neutral-500);max-width:320px;margin-bottom:var(--space-6)}.spinner{width:24px;height:24px;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);animation:spin .75s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:3px}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;margin-top:var(--space-1);padding:var(--space-1);background:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideDown var(--duration-150) var(--ease-out)}.dropdown-menu-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-700);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);text-align:left}.dropdown-item:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.dropdown-item-danger{color:var(--color-error-600)}.dropdown-item-danger:hover{background:var(--color-error-50);color:var(--color-error-700)}.dropdown-divider{height:1px;margin:var(--space-1) 0;background:var(--color-neutral-100)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.alert-info{background:var(--color-info-50);color:var(--color-info-700)}.alert-success{background:var(--color-success-50);color:var(--color-success-700)}.alert-warning{background:var(--color-warning-50);color:var(--color-warning-700)}.alert-error{background:var(--color-error-50);color:var(--color-error-700)}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-neutral-400);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-neutral-200)}.divider:empty:before{content:none}.divider:empty:after{flex:none;width:100%}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:#fff}.landing-nav{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100}.landing-logo{display:flex;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:700;color:#111827;text-decoration:none}.landing-logo img{width:36px;height:36px}.landing-nav-actions{display:flex;align-items:center;gap:.75rem}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.landing-hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.landing-hero h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.15)}.landing-hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);color:#ffffffe6;max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.landing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem}.landing-hero-actions .btn-hero-primary{background:#fff;color:#6366f1;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #00000026;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px}.landing-hero-actions .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.landing-hero-actions .btn-hero-secondary{background:#ffffff26;color:#fff;padding:1rem 2rem;font-size:1.0625rem;font-weight:600;border-radius:12px;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-hero-actions .btn-hero-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.landing-stats{display:flex;justify-content:center;gap:4rem;padding:1.5rem 0}.landing-stat{text-align:center}.landing-stat-value{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.landing-stat-label{font-size:.875rem;color:#fffc;font-weight:500}.landing-features{padding:6rem 2rem;background:#fff}.landing-features-header{text-align:center;max-width:600px;margin:0 auto 4rem}.landing-features-header h2{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.landing-features-header p{font-size:1.125rem;color:#6b7280;line-height:1.6}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.landing-feature-card{padding:2rem;background:#f9fafb;border-radius:20px;transition:all .3s ease;border:1px solid transparent}.landing-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;background:#fff;border-color:#e5e7eb}.landing-feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;margin-bottom:1.25rem}.landing-feature-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem}.landing-feature-card p{font-size:.9375rem;color:#6b7280;line-height:1.7}.landing-companions{padding:6rem 2rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.landing-companions-header{text-align:center;max-width:600px;margin:0 auto 3rem}.landing-companions-header h2{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.landing-companions-header p{font-size:1.125rem;color:#6b7280;line-height:1.6}.landing-companions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 2.5rem}.landing-companion-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.05)}.landing-companion-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.landing-companion-image{height:220px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-companion-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.landing-companion-card:hover .landing-companion-image img{transform:scale(1.05)}.landing-companion-avatar{width:100px;height:100px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.landing-companion-info{padding:1.25rem 1.5rem 1.5rem}.landing-companion-name{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.landing-companion-desc{font-size:.9375rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-companions-cta{text-align:center}.landing-companions-cta .btn-view-all{background:#111827;color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.landing-companions-cta .btn-view-all:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.landing-pwa{padding:5rem 2rem;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;text-align:center}.landing-pwa-content{max-width:600px;margin:0 auto}.landing-pwa h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.landing-pwa p{font-size:1.125rem;opacity:.85;margin-bottom:2.5rem;color:#fff;line-height:1.6}.landing-pwa-features{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.landing-pwa-feature{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-pwa-feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.landing-pwa-feature span{font-size:.875rem;font-weight:500;opacity:.9}.landing-pwa .btn-install{background:#fff;color:#312e81;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.landing-pwa .btn-install:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0003}.landing-footer{padding:3rem 2rem;background:#111827;color:#9ca3af}.landing-footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.landing-footer-logo{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:#fff}.landing-footer-links{display:flex;gap:2rem}.landing-footer-links a{color:#9ca3af;font-size:.9375rem;transition:color .2s;text-decoration:none}.landing-footer-links a:hover{color:#fff}.landing-footer-copyright{font-size:.875rem}@media(max-width:768px){.landing-nav{padding:0 1rem;height:64px}.landing-logo span{display:none}.landing-hero{min-height:auto;padding:7rem 1.25rem 4rem}.landing-hero h1{font-size:2.25rem}.landing-hero-subtitle{font-size:1rem}.landing-hero-actions{flex-direction:column;align-items:center}.landing-hero-actions .btn-hero-primary,.landing-hero-actions .btn-hero-secondary{width:100%;max-width:280px}.landing-stats{flex-direction:column;gap:1.5rem}.landing-stat-value{font-size:1.75rem}.landing-features,.landing-companions{padding:4rem 1.25rem}.landing-features-header h2,.landing-companions-header h2{font-size:1.75rem}.landing-features-grid,.landing-companions-grid{gap:1rem}.landing-companion-image{height:180px}.landing-pwa{padding:3rem 1.25rem}.landing-pwa h2{font-size:1.5rem}.landing-pwa-features{flex-direction:column;gap:1.5rem}.landing-footer-content{flex-direction:column;text-align:center}.landing-footer-links{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem}}@media(max-width:480px){.landing-hero h1{font-size:1.875rem}.landing-companion-card{border-radius:16px}.landing-feature-card{padding:1.5rem;border-radius:16px}}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-neutral-0);border-right:var(--border-1) solid var(--color-neutral-200);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:transform var(--duration-200) var(--ease-out)}.app-sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-1) solid var(--color-neutral-100)}.app-sidebar-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);text-decoration:none}.app-sidebar-logo img{width:28px;height:28px}.app-sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.app-sidebar-section{margin-bottom:var(--space-6)}.app-sidebar-section-title{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-neutral-400)}.app-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-colors);margin-bottom:var(--space-1)}.app-nav-link:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.app-nav-link.active{background:var(--color-primary-50);color:var(--color-primary-700)}.app-nav-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-nav-link-badge{margin-left:auto;padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full)}.app-sidebar-footer{padding:var(--space-4);border-top:var(--border-1) solid var(--color-neutral-100)}.app-user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-colors)}.app-user-menu:hover{background:var(--color-neutral-100)}.app-user-info{flex:1;min-width:0}.app-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-email{font-size:var(--font-size-xs);color:var(--color-neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background:var(--color-neutral-0);border-bottom:var(--border-1) solid var(--color-neutral-200);z-index:var(--z-sticky)}.app-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.app-header-actions{display:flex;align-items:center;gap:var(--space-3)}.app-content{flex:1;padding:var(--space-6);background:var(--color-neutral-50)}.app-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);padding-bottom:var(--safe-area-bottom);background:var(--color-neutral-0);border-top:var(--border-1) solid var(--color-neutral-200);z-index:var(--z-sticky)}.app-mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:var(--mobile-nav-height);max-width:500px;margin:0 auto}.app-mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);color:var(--color-neutral-500);text-decoration:none;transition:var(--transition-colors);min-width:64px}.app-mobile-nav-link:hover,.app-mobile-nav-link.active{color:var(--color-primary-600)}.app-mobile-nav-icon{width:24px;height:24px}.app-mobile-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.app-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-height);padding:0 var(--space-4);padding-top:var(--safe-area-top);background:var(--color-neutral-0);border-bottom:var(--border-1) solid var(--color-neutral-200);z-index:var(--z-sticky)}.app-mobile-header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.app-mobile-header-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);text-decoration:none}.app-mobile-header-logo img{width:28px;height:28px}.app-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-neutral-600);transition:var(--transition-colors)}.app-menu-btn:hover{background:var(--color-neutral-100)}.app-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-sticky) - 1)}@media(max-width:1024px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-sidebar-overlay.open{display:block}.app-main{margin-left:0}.app-header{display:none}.app-mobile-header,.app-mobile-nav{display:block}.app-content{padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4) + var(--safe-area-top));padding-bottom:calc(var(--mobile-nav-height) + var(--space-4) + var(--safe-area-bottom))}}.app-shell.chat-view .app-content{padding:0;display:flex;flex-direction:column;overflow:hidden}.app-shell.chat-view .app-mobile-nav{display:none}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.app-sidebar.collapsed .app-sidebar-logo span,.app-sidebar.collapsed .app-nav-link span,.app-sidebar.collapsed .app-sidebar-section-title,.app-sidebar.collapsed .app-user-info,.app-sidebar.collapsed .app-nav-link-badge{display:none}.app-sidebar.collapsed .app-nav-link{justify-content:center}.app-sidebar.collapsed+.app-main{margin-left:var(--sidebar-collapsed-width)}.app{max-width:1400px;margin:0 auto;padding:1rem 2rem}.page{text-align:center}.page h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.page p{color:#666;margin-bottom:2rem}.status-section{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem 0}.status-section h2{font-size:1rem;color:#666;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.health-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.health-status .indicator{font-size:.75rem}.health-status.loading{background:#e9ecef;color:#6c757d}.health-status.loading .indicator{color:#6c757d;animation:pulse 1.5s infinite}.health-status.healthy{background:#d4edda;color:#155724}.health-status.healthy .indicator{color:#28a745}.health-status.degraded{background:#fff3cd;color:#856404}.health-status.degraded .indicator{color:#ffc107}.health-status.error{background:#f8d7da;color:#721c24}.health-status.error .indicator{color:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.auth-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.auth-card h1{font-size:1.75rem;margin-bottom:.5rem}.auth-card p{margin-bottom:1.5rem}.auth-card.success{text-align:center;background:#d4edda}.auth-form{text-align:left}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;background-color:#fff;color:#333}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.btn-block{width:100%;text-align:center;border:none;cursor:pointer;font-size:1rem}.btn-block:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.field-errors{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem;list-style-position:inside}.auth-link{text-align:center;margin-top:1.5rem;color:#666}.auth-link a{color:#007bff;text-decoration:none}.auth-link a:hover{text-decoration:underline}.dashboard-page{text-align:left}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.dashboard-header h1{margin:0}.welcome-section{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.welcome-section h2{margin:0 0 .5rem;font-size:1.5rem}.welcome-section p{margin:0;opacity:.9;color:#fff}.companions-cta-section{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:center}.companions-cta-section h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.companions-cta-section p{margin:0 0 1.5rem;opacity:.9;color:#fff}.companions-cta-section .btn-primary{background:#fff;color:#28a745;border:none}.companions-cta-section .btn-primary:hover{background:#f8f9fa;color:#1e7e34}.profile-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.profile-section h3{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.profile-info{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0}.profile-info dt{font-weight:500;color:#333}.profile-info dd{margin:0;color:#666}.status-section h3{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:50vh;color:#666}.social-divider{display:flex;align-items:center;margin:1.5rem 0;color:#999;font-size:.9rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#ddd}.social-divider span{padding:0 1rem}.social-login-section{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.social-btn:hover{background:#f8f9fa;border-color:#ccc}.social-btn-icon{display:flex;align-items:center;justify-content:center}.social-btn-google{color:#333}.error-text{color:#dc3545}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;margin:1rem auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forgot-password-link{display:block;margin-top:.5rem;font-size:.85rem;color:#007bff;text-decoration:none;text-align:right}.forgot-password-link:hover{text-decoration:underline}.catalog-page{text-align:left;max-width:1200px;margin:0 auto}.catalog-header{text-align:center;margin-bottom:2rem}.catalog-header h1{margin-bottom:.5rem}.catalog-subtitle{color:#666;margin:0}.companion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.companion-card{display:block;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.companion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.companion-card-image{height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.companion-placeholder{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700}.companion-card-content{padding:1.25rem}.companion-name{margin:0 0 .5rem;font-size:1.25rem;color:#333}.companion-description{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.companion-tags{display:flex;flex-wrap:wrap;gap:.5rem}.companion-tag{padding:.25rem .75rem;background:#f0f0f0;border-radius:16px;font-size:.75rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.pagination-info{color:#666}.loading{text-align:center;padding:3rem;color:#666}.companion-detail-page{text-align:left;max-width:1000px;margin:0 auto}.companion-detail-header{margin-bottom:1.5rem}.back-link{color:#007bff;text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline}.companion-detail-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}@media(max-width:768px){.companion-detail-content{grid-template-columns:1fr}}.companion-detail-gallery{display:flex;flex-direction:column;gap:1rem}.companion-main-image{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f0f0f0}.companion-main-image img{width:100%;height:100%;object-fit:cover}.companion-detail-placeholder{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:5rem;color:#fff;font-weight:700}.companion-thumbnails{display:flex;gap:.5rem;flex-wrap:wrap}.thumbnail{width:60px;height:60px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;background:none}.thumbnail.active{border-color:#007bff}.thumbnail img{width:100%;height:100%;object-fit:cover}.companion-detail-info{display:flex;flex-direction:column;gap:1.5rem}.companion-detail-name{margin:0;font-size:2rem;color:#333}.companion-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.companion-detail-short{font-size:1.1rem;color:#666;line-height:1.6}.companion-detail-section{border-top:1px solid #eee;padding-top:1rem}.companion-detail-section h3{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.companion-detail-section p{margin:0;color:#444;line-height:1.6}.companion-detail-meta{display:flex;gap:2rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.meta-value{color:#333;font-weight:500}.companion-detail-capabilities{border-top:1px solid #eee;padding-top:1rem}.companion-detail-capabilities h3{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#888}.capability-list{display:flex;flex-wrap:wrap;gap:.5rem}.capability-badge{padding:.5rem 1rem;background:#e8f4fd;color:#07c;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize}.companion-detail-actions{padding-top:1rem}.btn-large{padding:1rem 2rem;font-size:1.1rem}.conversation-page{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:#f5f5f5}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}.back-link{color:#007bff;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.25rem;padding:.5rem;margin:-.5rem;border-radius:8px;transition:background-color .15s ease}.back-link:hover{background-color:#007bff1a;text-decoration:none}.back-link svg{flex-shrink:0}.companion-info{display:flex;align-items:center;gap:1rem;flex:1;margin-left:2rem}.companion-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e0e0e0}.companion-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#00bfff);color:#fff;font-size:1.5rem;font-weight:600}.companion-details h1{margin:0;font-size:1.25rem;font-weight:600;color:#333}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.ended{background:#fce4ec;color:#c62828}.end-conversation-btn{margin-left:auto}.messages-container{flex:1;overflow-y:auto;padding:1rem}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:1rem}.messages-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.message{display:flex;max-width:70%}.message.user{margin-left:auto;justify-content:flex-end}.message.companion{margin-right:auto;justify-content:flex-start}.message-content{padding:.75rem 1rem;border-radius:1rem;position:relative}.message.user .message-content{background:#007bff;color:#fff;border-bottom-right-radius:4px}.message.companion .message-content{background:#fff;color:#111827;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-content p{margin:0;line-height:1.5;word-wrap:break-word;color:inherit}.message-media-container{margin:.5rem 0}.message-media{margin:.25rem 0}.message-image{max-width:100%;max-height:400px;border-radius:8px;object-fit:contain;display:block}.message-audio{width:100%;max-width:300px}.message-video{max-width:100%;max-height:400px;border-radius:8px}.message.user .message-image,.message.user .message-video{margin-left:auto}.message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;opacity:.7}.message.user .message-meta{justify-content:flex-end}.message-time{font-size:.7rem}.message-status{font-weight:600}.message-status.pending,.message-status.processing{animation:pulse 1.5s infinite}.message-status.failed{color:#ff6b6b}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.error-banner{padding:.75rem 1rem;background:#ffebee;color:#c62828;text-align:center;font-size:.9rem}.message-input-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e0e0e0}.message-input-form .input-row{display:flex;gap:.75rem;align-items:flex-end}.message-input-form textarea{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:1rem;resize:none;max-height:120px;font-family:inherit;background-color:#fff;color:#111827}.message-input-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.send-btn{padding:.75rem 1.5rem;border-radius:24px;min-width:80px}.image-preview-container{position:relative;display:inline-block;margin-bottom:.5rem}.image-preview{max-width:200px;max-height:150px;border-radius:8px;border:1px solid #e5e7eb;object-fit:cover}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#dc2626}.attach-btn{padding:0;width:44px;height:44px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:50%;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.attach-btn:hover{background:#e5e7eb;color:#007bff}.attach-btn:active{background:#d1d5db}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.attach-btn svg{flex-shrink:0}.conversation-ended-banner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#f9f9f9;border-top:1px solid #e0e0e0}.conversation-ended-banner p{margin:0;color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem}@media(max-width:768px){.conversation-page{height:100dvh;max-height:100dvh}.conversation-header{position:sticky;top:0;z-index:100;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));gap:.5rem;flex-wrap:nowrap;align-items:center}.back-link{font-size:1.5rem;padding:.5rem;margin:-.5rem;margin-right:0;color:#007bff}.back-link:hover{text-decoration:none}.companion-info{margin-left:.5rem;gap:.75rem;flex:1;min-width:0}.companion-avatar{width:40px;height:40px;flex-shrink:0}.companion-details{min-width:0}.companion-details h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:.15rem .5rem;font-size:.65rem}.end-conversation-btn{padding:.4rem .75rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.messages-container{padding:.75rem;background:linear-gradient(180deg,#f8f9fa,#f0f2f5)}.messages-list{gap:.5rem}.message{max-width:85%}.message-content{padding:.625rem .875rem;border-radius:1.125rem;font-size:.9375rem}.message.user .message-content{background:linear-gradient(135deg,#007bff,#0056cc);border-bottom-right-radius:4px}.message.companion .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #00000014}.message-meta{margin-top:.125rem;font-size:.6875rem}.message-image{max-height:280px;border-radius:.75rem}.message-input-form{padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:#f8f9fa;border-top:1px solid #e5e7eb}.message-input-form .input-row{gap:.5rem;align-items:flex-end}.attach-btn{width:36px;height:36px;padding:0;font-size:1.25rem;background:transparent;border:none;color:#007bff}.attach-btn:hover{background:transparent}.message-input-form textarea{padding:.5rem 1rem;font-size:1rem;border-radius:20px;background:#fff;border:1px solid #e5e7eb;min-height:36px;line-height:1.4}.send-btn{padding:.5rem 1rem;min-width:auto;border-radius:18px;font-size:.875rem;font-weight:600}.image-preview-container{margin-bottom:.375rem}.image-preview{max-width:120px;max-height:90px;border-radius:6px}.remove-image-btn{width:20px;height:20px;font-size:14px;top:-6px;right:-6px}.conversation-ended-banner{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.no-messages{font-size:.9375rem;padding:2rem 1rem}}@media(max-width:380px){.companion-details h1{font-size:.9rem}.end-conversation-btn{padding:.35rem .5rem;font-size:.7rem}.message{max-width:90%}.message-content{padding:.5rem .75rem;font-size:.875rem}}.settings-page{text-align:left;max-width:800px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{margin:1rem 0;font-size:2rem}.settings-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.settings-section h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.section-description{color:#666;margin:0 0 1.5rem;line-height:1.5}.sms-status-card{background:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.sms-status-card h3{margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.status-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin:0}.status-list dt{font-weight:500;color:#333}.status-list dd{margin:0;font-weight:600}.status-list dd.status-yes{color:#28a745}.status-list dd.status-no{color:#6c757d}.add-phone-section{margin-bottom:1.5rem}.add-phone-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.add-phone-form{display:flex;gap:.75rem}.phone-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;background-color:#fff;color:#333}.phone-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.phone-numbers-list h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.phone-card{border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem}.phone-card.verified{border-left:4px solid #28a745}.phone-card.unverified{border-left:4px solid #ffc107}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.phone-number{font-weight:600;font-size:1.1rem;color:#333}.verification-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.verification-badge.verified{background:#d4edda;color:#155724}.verification-badge.pending{background:#fff3cd;color:#856404}.verification-section{padding:.75rem 0;border-top:1px solid #eee}.verify-form{display:flex;gap:.5rem;align-items:center}.code-input{width:120px;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;text-align:center;letter-spacing:.2em;background-color:#fff;color:#333}.code-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.verify-actions{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;font-size:.875rem}.preferences-section{padding-top:.75rem;border-top:1px solid #eee}.preference-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.preference-row:not(:last-child){border-bottom:1px solid #f0f0f0}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.toggle-label span{font-weight:500;color:#333}.select-label{display:flex;align-items:center;gap:.75rem}.select-label span{font-weight:500;color:#333}.timezone-select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:200px}.timezone-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.preference-help{font-size:.8rem;color:#888;flex-shrink:0}.phone-actions{padding-top:.75rem;border-top:1px solid #eee;margin-top:.75rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.header-actions{display:flex;gap:.75rem}@media(max-width:768px){.add-phone-form{flex-direction:column}.phone-header,.preference-row{flex-direction:column;align-items:flex-start;gap:.5rem}.preference-help{margin-left:0}.verify-form{flex-wrap:wrap}}