@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--spacing-scale:1;--spacing-xs:calc(4px*var(--spacing-scale));--spacing-sm:calc(8px*var(--spacing-scale));--spacing-md:calc(12px*var(--spacing-scale));--spacing-lg:calc(16px*var(--spacing-scale));--spacing-xl:calc(20px*var(--spacing-scale));--spacing-2xl:calc(24px*var(--spacing-scale));--spacing-3xl:calc(32px*var(--spacing-scale));--spacing-4xl:calc(40px*var(--spacing-scale));--header-height:80px;--sidebar-width-expanded:380px;--sidebar-width-collapsed:60px;--members-width:360px;--chat-max-width:768px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}:root{--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-focus-primary:0 0 0 3px #3b82f61a;--shadow-focus-error:0 0 0 3px #dc26261a;--shadow-focus-success:0 0 0 3px #10b9811a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-colors:color .15s ease,background-color .15s ease,border-color .15s ease}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-800:oklch(27.9% .041 260.031);--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.table{display:table}.h-full{height:100%}.w-11\/12{width:91.6667%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-slate-800{background-color:var(--color-slate-800)}.text-\[0\.9em\]{font-size:.9em}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:no-underline:hover{text-decoration-line:none}}}.close-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.close-btn .material-icons{font-size:20px}.welcome-chat{flex-direction:column;height:100%;display:flex}.welcome-chat .message{position:relative}.welcome-chat .message-other{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;box-shadow:var(--shadow-md);border:none}.welcome-chat .message-other .message-content{background:0 0}.welcome-chat .message-other .message-header{opacity:.9}.welcome-chat .message-other .message-sender{font-weight:var(--font-weight-semibold);color:#ffffffe6}.welcome-chat .message-other .message-timestamp{color:#ffffffb3}.welcome-chat .message-other .message-text{color:#fff;font-size:var(--font-size-base);white-space:pre-line;line-height:1.5}.welcome-chat .message-other{animation:.6s ease-out welcomeMessageSlide}@keyframes welcomeMessageSlide{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-chat .message-other:first-child{animation-delay:.1s}.welcome-chat .message-other:nth-child(2){animation-delay:.3s}.welcome-chat .message-other:nth-child(3){animation-delay:.5s}.welcome-chat .chat-input input{background-color:var(--color-background-tertiary);border:2px dashed var(--color-border-secondary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.welcome-chat .chat-input input:disabled{background-color:var(--color-background-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-secondary)}.welcome-chat .chat-input .send-button:disabled{background-color:var(--color-background-tertiary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.welcome-chat .chat-messages{background:linear-gradient(180deg,var(--color-background-primary)0%,var(--color-background-secondary)100%)}.welcome-chat .chat-content:before{content:"";background-image:radial-gradient(circle at 20% 50%,rgba(var(--color-accent-primary-rgb),.03)0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--color-accent-secondary-rgb),.03)0%,transparent 50%);pointer-events:none;z-index:0;position:absolute;inset:0}.welcome-chat .chat-content{z-index:1;position:relative}@media (max-width:768px){.welcome-chat .message-other .message-text{font-size:var(--font-size-sm)}.welcome-chat .message-other{margin-bottom:var(--spacing-md)}}[data-theme=dark] .welcome-chat .message-other{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));box-shadow:var(--shadow-lg)}[data-theme=dark] .welcome-chat .chat-input input:disabled{background-color:var(--color-background-tertiary);border-color:var(--color-border-primary);color:var(--color-text-tertiary)}.welcome-chat .message-text{gap:var(--spacing-xs);flex-direction:column;line-height:1.6;display:flex}.welcome-chat .message-other{position:relative;overflow:hidden}.welcome-chat .message-other:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s 1s infinite welcomeShimmer;position:absolute;top:0;left:-100%}@keyframes welcomeShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.welcome-wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s ease-out welcomeWizardFadeIn;display:flex;position:fixed;inset:0}@keyframes welcomeWizardFadeIn{0%{opacity:0}to{opacity:1}}.welcome-wizard-container{background:var(--color-background-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:90vh;padding:var(--spacing-xl);animation:.4s ease-out welcomeWizardSlideIn;position:relative;overflow-y:auto}@keyframes welcomeWizardSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-wizard-skip{top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);z-index:10;background:0 0;border:none;transition:all .2s;position:absolute}.welcome-wizard-skip:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.welcome-wizard-skip .material-icons{font-size:20px}.welcome-progress{margin-bottom:var(--spacing-xl);text-align:center}.welcome-progress-bar{background:var(--color-background-tertiary);border-radius:var(--radius-sm);width:100%;height:4px;margin-bottom:var(--spacing-sm);overflow:hidden}.welcome-progress-fill{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-primary-hover));border-radius:var(--radius-sm);height:100%;transition:width .3s}.welcome-progress-counter{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.welcome-progress-current{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.welcome-progress-separator{margin:0 var(--spacing-xs)}.welcome-step{text-align:center;padding:var(--spacing-lg)0}.welcome-step-icon{margin-bottom:var(--spacing-lg)}.welcome-step-icon .material-icons{color:var(--color-accent-primary);font-size:64px;animation:2s ease-in-out infinite welcomeIconPulse}@supports ((-webkit-background-clip:text)){.welcome-step-icon .material-icons{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@supports not ((-webkit-background-clip:text)){.welcome-step-icon .material-icons{color:var(--color-accent-primary)!important}}@keyframes welcomeIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.welcome-step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.welcome-step-content{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.welcome-step-features{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left;flex-direction:column;display:flex}.welcome-feature-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--radius-xl);transition:all .2s;display:flex}.welcome-feature-item:hover{background:var(--color-background-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.welcome-feature-icon{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.welcome-feature-icon .material-icons{color:#fff;font-size:24px}.welcome-feature-content{flex:1}.welcome-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.welcome-feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.welcome-step-title-input{margin-bottom:var(--spacing-xl);text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.welcome-input-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:block}.welcome-title-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background-primary);transition:all .2s}.welcome-title-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(var(--color-accent-primary-rgb),.1);outline:none}.welcome-title-input::placeholder{color:var(--color-text-tertiary)}.welcome-title-input.disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-secondary)}.welcome-step-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;max-width:400px;margin-left:auto;margin-right:auto;display:flex}.welcome-action-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg)0;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.025em;cursor:pointer;border:none;min-height:48px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.welcome-action-btn:not(:has(.material-icons)){gap:0}.welcome-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.welcome-action-btn:hover:before{left:100%}.welcome-action-primary{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:#fff;border:1px solid #60a5fa33;box-shadow:0 4px 12px #60a5fa4d,0 2px 4px #0000001a}.welcome-action-primary:hover{background:linear-gradient(90deg,var(--color-accent-primary-hover),var(--color-accent-primary-active));transform:translateY(-3px);box-shadow:0 8px 20px #60a5fa66,0 4px 8px #00000026}.welcome-action-primary:active{transform:translateY(-1px)scale(.98);box-shadow:0 2px 8px #60a5fa4d,0 1px 2px #0000001a}.welcome-action-primary:focus-visible{outline:none;box-shadow:0 4px 12px #60a5fa4d,0 2px 4px #0000001a,0 0 0 3px #60a5fa33}.welcome-action-secondary{background:var(--color-background-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-primary)}.welcome-action-secondary:hover{background:var(--color-background-tertiary);border-color:var(--color-accent-primary)}.welcome-action-tertiary{color:var(--color-text-secondary);border:1px solid var(--color-border-secondary);background:0 0}.welcome-action-tertiary:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.welcome-action-btn .material-icons{font-size:20px}.welcome-action-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:0 2px 4px #0000001a!important}.welcome-action-btn.disabled:before{display:none}.welcome-action-btn.loading{cursor:wait;pointer-events:none}.welcome-action-btn.loading .material-icons{animation:1s linear infinite buttonIconSpin}@keyframes buttonIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-action-btn:hover .material-icons{transition:transform .2s;transform:scale(1.1)}.welcome-action-btn.disabled:hover .material-icons,.welcome-action-btn.loading:hover .material-icons{transform:none}.welcome-action-btn.success{background:linear-gradient(90deg,var(--color-success),#10b981)!important;color:#fff!important;box-shadow:0 4px 12px #34d3994d,0 2px 4px #0000001a!important}.welcome-action-btn.success:hover{transform:none!important;box-shadow:0 4px 12px #34d3994d,0 2px 4px #0000001a!important}.loading-spin{animation:1s linear infinite buttonIconSpin!important}.welcome-action-error{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);background:#f871711a;border:1px solid #f871714d;animation:.3s ease-out errorSlideIn;display:flex}.welcome-action-error .material-icons{color:var(--color-error);font-size:16px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.welcome-step-navigation{margin-top:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.welcome-nav-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;display:flex}.welcome-nav-btn:hover{background:var(--color-background-tertiary);border-color:var(--color-accent-primary)}.welcome-nav-btn.welcome-nav-next{color:var(--color-text-primary)!important;padding:var(--spacing-sm)0!important;background:0 0!important;border:none!important;margin-left:auto!important}.welcome-nav-btn.welcome-nav-next:hover{color:var(--color-text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.welcome-nav-btn.welcome-nav-next:focus,.welcome-nav-btn.welcome-nav-next:active{color:var(--color-text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.welcome-nav-btn.welcome-nav-back{color:var(--color-text-primary)!important;padding:var(--spacing-sm)0!important;background:0 0!important;border:none!important}.welcome-nav-btn.welcome-nav-back:hover{color:var(--color-text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.welcome-nav-btn.welcome-nav-back:focus,.welcome-nav-btn.welcome-nav-back:active{color:var(--color-text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.welcome-nav-btn .material-icons{font-size:18px}.welcome-wizard-dots{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.welcome-wizard-dot{background:var(--color-background-tertiary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.welcome-wizard-dot.active{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));transform:scale(1.2)}.welcome-wizard-dot:hover:not(.active){background:var(--color-border-primary);transform:scale(1.1)}@media (max-width:768px){.welcome-wizard-container{width:95%;padding:var(--spacing-lg);margin:var(--spacing-md)}.welcome-step-title{font-size:var(--font-size-xl)}.welcome-step-content{font-size:var(--font-size-base)}.welcome-step-icon .material-icons{font-size:48px}.welcome-step-features{gap:var(--spacing-md)}.welcome-feature-item{padding:var(--spacing-sm)}.welcome-feature-icon{width:40px;height:40px}.welcome-feature-icon .material-icons{font-size:20px}.welcome-feature-title{font-size:var(--font-size-base)}.welcome-feature-description{font-size:var(--font-size-sm)}.welcome-step-navigation{gap:var(--spacing-sm);flex-direction:column}.welcome-nav-btn{justify-content:center;width:100%}}@media (max-width:480px){.welcome-wizard-container{width:100%;height:100%;padding:var(--spacing-md);border-radius:0}.welcome-step{padding:var(--spacing-md)0}.welcome-step-title{font-size:var(--font-size-lg)}.welcome-step-content{font-size:var(--font-size-sm)}}[data-theme=dark] .welcome-wizard-overlay{background:#000000e6}[data-theme=dark] .welcome-wizard-container{background:var(--color-background-primary);border:1px solid var(--color-border-primary)}[data-theme=dark] .welcome-feature-item{background:var(--color-background-secondary);border:1px solid var(--color-border-secondary)}[data-theme=dark] .welcome-feature-item:hover{background:var(--color-background-tertiary);border-color:var(--color-border-primary)}.welcome-step-features .welcome-feature-item:first-child{animation:.4s ease-out .1s both welcomeFeatureSlideIn}.welcome-step-features .welcome-feature-item:nth-child(2){animation:.4s ease-out .2s both welcomeFeatureSlideIn}.welcome-step-features .welcome-feature-item:nth-child(3){animation:.4s ease-out .3s both welcomeFeatureSlideIn}@keyframes welcomeFeatureSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.welcome-step-actions .welcome-action-btn:first-child{animation:.4s ease-out .1s both welcomeActionSlideIn}.welcome-step-actions .welcome-action-btn:nth-child(2){animation:.4s ease-out .2s both welcomeActionSlideIn}.welcome-step-actions .welcome-action-btn:nth-child(3){animation:.4s ease-out .3s both welcomeActionSlideIn}@keyframes welcomeActionSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-prompt{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.notification-prompt__modal{background:var(--color-surface);border:1px solid var(--color-border);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:12px;animation:.3s ease-out slideInUp}.notification-prompt__content{flex-direction:column;gap:16px;padding:20px;display:flex}.notification-prompt__icon{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.notification-prompt__icon .material-icons{font-size:24px}.notification-prompt__text{text-align:center}.notification-prompt__text h3{color:var(--color-text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.notification-prompt__text p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.4}.notification-prompt__actions{justify-content:center;gap:12px;display:flex}.notification-prompt__actions .btn{flex:1;min-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.notification-prompt__modal{width:95%;margin:20px}.notification-prompt__content{padding:16px}.notification-prompt__actions{flex-direction:column}.notification-prompt__actions .btn{flex:none}}:root{color-scheme:light dark}html:not([data-theme]){--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f1f5f9;--color-background-app:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border-primary:#e5e5e5;--color-border-secondary:#d1d5db;--color-accent-primary:#3b82f6;--color-accent-primary-hover:#2563eb;--color-accent-primary-light:#eff6ff;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;color-scheme:light}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-app);transition:var(--transition-colors);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0}p{margin:0}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}::selection{background-color:var(--color-accent-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}.material-icons{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-icons.icon-xs{font-size:16px}.material-icons.icon-sm{font-size:20px}.material-icons.icon-md{font-size:24px}.material-icons.icon-lg{font-size:28px}.material-icons.icon-xl{font-size:32px}[data-theme=light]{--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f1f5f9;--color-background-quaternary:#e2e8f0;--color-background-app:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-quaternary:#cbd5e1;--color-text-inverse:#fff;--color-border-primary:#e5e5e5;--color-border-secondary:#d1d5db;--color-border-tertiary:#f1f5f9;--color-accent-primary:#3b82f6;--color-accent-primary-hover:#2563eb;--color-accent-primary-active:#1d4ed8;--color-accent-primary-light:#eff6ff;--color-accent-primary-subtle:#3b82f61a;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#0ea5e9;--color-info-light:#e0f2fe;--sidebar-background:var(--color-background-primary);--sidebar-border:var(--color-border-primary);--sidebar-text:var(--color-text-primary);--sidebar-text-secondary:var(--color-text-secondary);--chat-background:var(--color-background-primary);--chat-messages-background:#fafafa;--chat-header-background:var(--color-background-primary);--chat-header-border:var(--color-border-primary);--conversation-background:transparent;--conversation-background-hover:#f8fafc;--conversation-background-active:var(--color-accent-primary-light);--conversation-border-active:var(--color-accent-primary);--input-background:var(--color-background-secondary);--input-background-focus:var(--color-background-primary);--input-border:var(--color-border-secondary);--input-border-focus:var(--color-accent-primary);--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-tertiary);--button-background:transparent;--button-background-hover:var(--color-background-secondary);--button-text:var(--color-text-secondary);--button-text-hover:var(--color-text-primary);--scrollbar-track:var(--color-background-tertiary);--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--badge-background:var(--color-accent-primary);--badge-text:var(--color-text-inverse);--state-loading-text:var(--color-text-secondary);--state-error-text:var(--color-error);--state-success-text:var(--color-success)}[data-theme=dark]{--color-background-primary:#1a1a1a;--color-background-secondary:#2d2d2d;--color-background-tertiary:#404040;--color-background-quaternary:#525252;--color-background-app:#0f0f0f;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-quaternary:#52525b;--color-text-inverse:#1a1a1a;--color-border-primary:#404040;--color-border-secondary:#525252;--color-border-tertiary:#2d2d2d;--color-accent-primary:#60a5fa;--color-accent-primary-hover:#3b82f6;--color-accent-primary-active:#2563eb;--color-accent-primary-light:#1e3a8a;--color-accent-primary-subtle:#60a5fa1a;--color-success:#34d399;--color-success-light:#064e3b;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-error:#f87171;--color-error-light:#7f1d1d;--color-info:#38bdf8;--color-info-light:#0c4a6e;--sidebar-background:var(--color-background-primary);--sidebar-border:var(--color-border-primary);--sidebar-text:var(--color-text-primary);--sidebar-text-secondary:var(--color-text-secondary);--chat-background:var(--color-background-primary);--chat-messages-background:#262626;--chat-header-background:var(--color-background-primary);--chat-header-border:var(--color-border-primary);--conversation-background:transparent;--conversation-background-hover:var(--color-background-secondary);--conversation-background-active:var(--color-accent-primary-light);--conversation-border-active:var(--color-accent-primary);--input-background:var(--color-background-secondary);--input-background-focus:var(--color-background-tertiary);--input-border:var(--color-border-secondary);--input-border-focus:var(--color-accent-primary);--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-tertiary);--button-background:transparent;--button-background-hover:var(--color-background-secondary);--button-text:var(--color-text-secondary);--button-text-hover:var(--color-text-primary);--scrollbar-track:var(--color-background-tertiary);--scrollbar-thumb:#525252;--scrollbar-thumb-hover:#737373;--badge-background:var(--color-accent-primary);--badge-text:var(--color-text-inverse);--state-loading-text:var(--color-text-secondary);--state-error-text:var(--color-error);--state-success-text:var(--color-success)}:root{--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-focus-primary:0 0 0 3px #3b82f61a;--shadow-focus-error:0 0 0 3px #dc26261a;--shadow-focus-success:0 0 0 3px #10b9811a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-colors:color .15s ease,background-color .15s ease,border-color .15s ease;--spacing-scale:1;--spacing-xs:calc(4px*var(--spacing-scale));--spacing-sm:calc(8px*var(--spacing-scale));--spacing-md:calc(12px*var(--spacing-scale));--spacing-lg:calc(16px*var(--spacing-scale));--spacing-xl:calc(20px*var(--spacing-scale));--spacing-2xl:calc(24px*var(--spacing-scale));--spacing-3xl:calc(32px*var(--spacing-scale));--spacing-4xl:calc(40px*var(--spacing-scale));--header-height:80px;--sidebar-width-expanded:380px;--sidebar-width-collapsed:60px;--members-width:360px;--chat-max-width:768px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}:root[data-density=Compact]{--spacing-scale:.85}:root[data-density=Comfortable]{--spacing-scale:1}:root[data-density=Spacious]{--spacing-scale:1.15}:root{--font-size-scale:1;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:calc(11px*var(--font-size-scale));--font-size-sm:calc(12px*var(--font-size-scale));--font-size-base:calc(14px*var(--font-size-scale));--font-size-lg:calc(16px*var(--font-size-scale));--font-size-xl:calc(18px*var(--font-size-scale));--font-size-2xl:calc(20px*var(--font-size-scale));--font-size-3xl:calc(24px*var(--font-size-scale));--font-size-4xl:calc(32px*var(--font-size-scale));--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em}:root[data-font=Small]{--font-size-scale:.85}:root[data-font=Medium]{--font-size-scale:1}:root[data-font=Large]{--font-size-scale:1.15}:root{--breakpoint-mobile:480px;--breakpoint-tablet:640px;--breakpoint-desktop:768px;--breakpoint-large:1024px}@media (max-width:768px){.members-panel{width:100vw;height:100vh;z-index:var(--z-modal);background-color:var(--sidebar-background);box-shadow:var(--shadow-xl);transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.members-panel.open{transform:translate(0)}.mobile-members-toggle{top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-sticky);background-color:var(--color-accent-primary);color:var(--color-text-inverse);width:48px;height:48px;box-shadow:var(--shadow-lg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed}.mobile-members-toggle:hover{background-color:var(--color-accent-primary-hover);transform:scale(1.1)}.mobile-members-toggle .material-icons{font-size:24px}.members-panel.open~.mobile-members-toggle{opacity:0;pointer-events:none}.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}}@media (max-width:640px){.app-container{flex-direction:row;position:relative}.sidebar-expanded{width:100vw;height:100vh;z-index:var(--z-fixed);background-color:var(--sidebar-background);box-shadow:none;border-right:none;position:fixed;top:0;left:0}.sidebar-collapsed{width:100vw;height:100vh;z-index:var(--z-fixed);background-color:var(--sidebar-background);box-shadow:none;border-right:none;transition:left .3s;position:fixed;top:0;left:-100%}.main-chat-container{z-index:1;width:100%;height:100vh;margin-left:0;position:relative}.main-chat{width:100%;height:calc(100dvh - var(--header-height));height:calc(100vh - var(--header-height));margin-left:0}.sidebar-expanded~.main-chat-container{display:none}.sidebar-collapsed~.main-chat-container{width:100vw;margin-left:0}.chat-messages{flex:1;height:auto;min-height:0;overflow-y:auto}.chat-content{width:100%;max-width:none;padding:var(--spacing-md)}.sidebar-expanded .sidebar-header{padding:var(--spacing-xl);border-bottom:1px solid var(--sidebar-border)}.sidebar-expanded .sidebar-content{padding:var(--spacing-xl);height:calc(100vh - var(--header-height));overflow-y:auto}.sidebar-collapsed .sidebar-collapsed-content{padding:var(--spacing-xl)0;justify-content:flex-start;height:100vh}}@media (max-width:480px){.sidebar-expanded .sidebar-header{padding:var(--spacing-lg)}.sidebar-expanded .sidebar-content{padding:var(--spacing-lg);height:calc(100vh - 72px)}.conversation-item{padding:var(--spacing-lg)}.search-container{margin-bottom:var(--spacing-lg)}.chat-header{padding:var(--spacing-lg);flex-shrink:0}.chat-messages{padding:var(--spacing-lg);flex:1;padding-bottom:60px;overflow-y:auto}.chat-input{padding:var(--spacing-lg);flex-shrink:0}.message-content{min-width:150px;max-width:85%}.message-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.main-chat-container{flex-direction:column;height:100vh;display:flex}.main-chat{flex-direction:column;flex:1;height:auto;display:flex}}@media (max-width:640px){.hidden-mobile{display:none!important}}@media (max-width:768px){.hidden-tablet{display:none!important}}@media (min-width:769px){.hidden-desktop{display:none!important}}.visible-mobile{display:none!important}@media (max-width:640px){.visible-mobile{display:block!important}}.visible-tablet{display:none!important}@media (max-width:768px){.visible-tablet{display:block!important}}.visible-desktop{display:none!important}@media (min-width:769px){.visible-desktop{display:block!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.app-container{width:100vw;height:100vh;padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.app-content{flex:1;height:100%;min-height:0;display:flex}.main-chat-container{background-color:var(--chat-background);flex-direction:column;flex:1;display:flex}.chat-header{padding:var(--spacing-xl);border-bottom:1px solid var(--chat-header-border);background-color:var(--chat-header-background);height:var(--header-height);box-sizing:border-box;z-index:10;padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}@supports not (padding:env(safe-area-inset-top)){.chat-header{padding-top:var(--spacing-xl)}}.chat-header-left{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.mobile-header-logo{flex-shrink:0;width:32px;height:32px;display:none}.mobile-sidebar-toggle{flex-shrink:0;display:none}.mobile-header-controls{margin-right:var(--spacing-lg);flex-shrink:0;align-items:center;gap:0;display:none}@media (max-width:640px){.mobile-header-logo{display:block}.mobile-sidebar-toggle,.mobile-header-controls{display:flex}}.main-chat{background-color:var(--chat-background);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.chat-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-title{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:help;flex:1;min-width:100px;margin:0;overflow:hidden}.chat-header-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.settings-btn-desktop{display:flex}.overflow-menu-container{display:none;position:relative}.overflow-menu-btn{display:flex}.overflow-menu{top:calc(100% + var(--spacing-xs));background-color:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:140px;position:absolute;right:0;overflow:hidden}.overflow-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:none;transition:background-color .2s;display:flex}.overflow-menu-item:hover{background-color:var(--color-background-secondary)}.overflow-menu-item .material-icons{color:var(--color-text-secondary);font-size:18px}.chat-messages{min-height:0;padding:var(--spacing-xl);background-color:var(--chat-messages-background);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;overscroll-behavior:contain;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;min-height:100%;padding-bottom:8px;scroll-padding-bottom:8px;display:flex;overflow:hidden auto}.chat-content{width:100%;max-width:var(--chat-max-width);gap:var(--spacing-md);padding-bottom:var(--spacing-xs);flex-direction:column;min-height:min-content;margin-top:auto;display:flex}.message{margin-bottom:var(--spacing-md);display:flex}.message-own{justify-content:flex-end}.message-other{justify-content:flex-start}.message-content{min-width:200px;max-width:70%}.message-own .message-content{color:#fff;border-radius:var(--radius-lg)var(--radius-lg)var(--radius-sm)var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,#3b82f62e,#2563eb2e);border:2px solid #3b82f659}.message-other .message-content{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-lg)var(--radius-sm);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-tertiary)}.message-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.message-sender{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);opacity:.8}.message-timestamp{font-size:var(--font-size-xs);opacity:.6;margin-left:var(--spacing-sm)}.message-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);word-wrap:break-word;color:var(--color-text-primary)}.message-button{text-align:center;margin-top:var(--spacing-md);min-width:0;display:block;width:100%!important;padding:var(--spacing-sm)0!important;max-width:none!important}.mention{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#2563eb8c;margin:0 .1em;padding:0 .35em;font-weight:700;transition:background .2s,color .2s;position:relative;box-shadow:0 1px 4px #2563eb14}.mention-tooltip .tooltip-content{color:#fff;white-space:pre-line;z-index:100;pointer-events:none;opacity:0;visibility:hidden;background:#222;border-radius:8px;min-width:180px;max-width:260px;padding:10px 16px;font-size:.95em;transition:opacity .2s;display:block;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}.mention-tooltip:hover .tooltip-content,.mention-tooltip:focus .tooltip-content{opacity:1;visibility:visible;transition-delay:.4s}.mention-tooltip .tooltip-content:before{content:"";border:6px solid #0000;border-top-color:#222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mention-tooltip .tooltip-content:after{content:"";background:var(--color-accent-primary,#3b82f6);border-radius:1px;width:60%;height:2px;margin:8px auto 0;display:block}.chat-input-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.chat-input-field input{border:1px solid var(--input-border,#ccc);border-radius:var(--radius-lg);width:100%;min-height:40px;max-height:160px;font-size:var(--font-size-base);font:inherit;caret-color:#fff;transition:var(--transition-colors);resize:none;box-sizing:border-box;z-index:2;line-height:var(--line-height-relaxed);-webkit-user-select:none;user-select:none;flex:1;padding:8px 12px;overflow:hidden;color:#0000!important;background:0 0!important}.chat-input-field input:focus{border-color:var(--input-border-focus,#3b82f6);box-shadow:var(--shadow-focus-primary,0 0 0 2px #3b82f626);outline:none;background-color:#0000!important}.chat-input-field input::placeholder{color:#0000;opacity:1}@media (max-width:768px){.chat-input-field input{font-size:var(--font-size-lg)}}.encryption-disclaimer{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg)var(--spacing-xl);margin:var(--spacing-lg)auto;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-background-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-tertiary);opacity:.8;max-width:90%;box-shadow:var(--shadow-xs);transition:all .3s;display:flex}.encryption-disclaimer:hover{opacity:1;background-color:var(--color-background-secondary);border-color:var(--color-border-secondary)}.encryption-disclaimer .sparkle-icon{color:var(--color-accent-primary);flex-shrink:0;font-size:16px}.encryption-disclaimer-text{line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium)}@media (max-width:768px){.encryption-disclaimer{padding:var(--spacing-md)var(--spacing-lg);margin:var(--spacing-lg)auto;font-size:var(--font-size-xs);max-width:95%}.encryption-disclaimer .sparkle-icon{font-size:14px}}.chat-input{padding:var(--spacing-xl);border-top:1px solid var(--chat-header-border);background-color:var(--chat-background);z-index:10;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));bottom:0;left:0;right:0;bottom:env(safe-area-inset-bottom);flex-shrink:0;justify-content:center;display:flex;position:fixed;box-shadow:0 -2px 10px #0000001a}.main-chat{padding-bottom:calc(76px + env(safe-area-inset-bottom));transition:padding-bottom .3s}body.chat-input-focused .main-chat{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.chat-messages{padding-bottom:var(--spacing-sm)}@supports (-webkit-touch-callout:none){.chat-input{bottom:max(env(safe-area-inset-bottom),0px)}body.keyboard-visible .main-chat,body.input-focused .main-chat,body.chat-input-focused .main-chat{padding-bottom:calc(88px + var(--keyboard-height,0px) + env(safe-area-inset-bottom));transition:padding-bottom .3s}body.keyboard-visible .chat-messages,body.input-focused .chat-messages,body.chat-input-focused .chat-messages{padding-bottom:var(--spacing-md)}}@media (max-width:768px){body.keyboard-visible .chat-messages,body.input-focused .chat-messages,body.chat-input-focused .chat-messages{padding-bottom:var(--spacing-md);scroll-padding-bottom:var(--spacing-md)}.chat-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-sm)}.chat-content{padding-bottom:var(--spacing-xs)}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:1){.main-chat{height:calc(var(--vh,1vh)*100 - var(--header-height,60px));max-height:calc(var(--available-height,100vh) - var(--header-height,60px))}.chat-input{bottom:calc(env(safe-area-inset-bottom) + var(--keyboard-offset,0px))}.main-chat,.chat-input{transition:all .3s cubic-bezier(.4,0,.2,1)}}.chat-input-container{width:100%;max-width:var(--chat-max-width);gap:var(--spacing-sm);align-items:center;display:flex;position:relative}.chat-input-container input{padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--input-background);color:var(--input-text);transition:var(--transition-colors);flex:1}.send-button{padding:var(--spacing-md);background-color:var(--color-accent-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:44px;height:44px;transition:all .2s;display:flex}.send-button:hover{background-color:var(--color-accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.send-button .material-icons{font-size:20px}.chat-input-container input:focus{border-color:var(--input-border-focus);background-color:var(--input-background-focus);box-shadow:var(--shadow-focus-primary)}.chat-input-container input::placeholder{color:var(--input-placeholder)}@media (max-width:768px){.chat-input-container input{font-size:var(--font-size-lg)}}@media (max-width:640px){.chat-title{font-size:var(--font-size-base);min-width:150px}}@media (max-width:480px){.chat-header{padding:var(--spacing-lg)}.chat-title{font-size:var(--font-size-base);min-width:120px}}@media (max-width:430px){.settings-btn-desktop{display:none}.overflow-menu-container{display:block}.chat-title{font-size:var(--font-size-base);min-width:100px}.chat-header{padding:var(--spacing-md)var(--spacing-lg)}.chat-header-left{gap:var(--spacing-sm)}}.members-panel{background-color:var(--sidebar-background);border-left:1px solid var(--sidebar-border);height:100%;min-height:0;transition:width var(--transition-slow);flex-direction:column;display:flex}.members-panel-expanded{width:var(--members-width)}.members-panel-collapsed{width:var(--sidebar-width-collapsed)}.members-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.members-header{padding:var(--spacing-xl);border-bottom:2px solid var(--color-border-tertiary);background-color:var(--sidebar-background);height:var(--header-height);box-sizing:border-box;flex-shrink:0;align-items:center;display:flex;position:relative}.members-header:after{content:"";bottom:-2px;left:var(--spacing-xl);background-color:var(--color-accent-primary);border-radius:var(--radius-sm);width:60px;height:2px;position:absolute}.members-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.members-header h3:before{content:"";background-color:var(--color-accent-primary);width:8px;height:8px;box-shadow:0 0 8px var(--color-accent-primary);border-radius:50%}.sidebar{background-color:var(--sidebar-background);border-right:1px solid var(--sidebar-border);transition:width var(--transition-slow);flex-direction:column;height:100%;min-height:0;display:flex}.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{padding:var(--spacing-xl);border-bottom:2px solid var(--color-border-tertiary);background-color:var(--sidebar-background);height:var(--header-height);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:relative}.sidebar-header:after{content:"";bottom:-2px;left:var(--spacing-xl);background-color:var(--color-accent-primary);border-radius:var(--radius-sm);width:60px;height:2px;position:absolute}.sidebar-logo{object-fit:contain;object-position:left center;max-width:200px;height:32px}.sidebar-logo-collapsed{object-fit:contain;border-radius:var(--radius-sm);width:40px;height:40px}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.action-btn{background:var(--button-background);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--button-text);transition:var(--transition-colors);border:none;justify-content:center;align-items:center;display:flex}.action-btn:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}.sidebar-search{padding:0 var(--spacing-md);background-color:var(--sidebar-background);border-bottom:1px solid var(--color-border-tertiary)}.sidebar-scrollable-content{min-height:0;max-height:100%;padding:0;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));flex:1;overflow:hidden auto}.sidebar-collapsed-content{padding:var(--spacing-md)0;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.collapsed-btn{background:var(--button-background);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--button-text);transition:var(--transition-colors);border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.collapsed-btn:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}.collapsed-btn .material-icons{font-size:var(--font-size-xl)}.navbar-icon{background:var(--button-background);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--button-text);transition:var(--transition-colors);border:none;justify-content:center;align-items:center;display:flex}.navbar-icon:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}.navbar-icon .material-icons{font-size:var(--font-size-xl)}.show-sidebar-btn{top:var(--spacing-xl);left:var(--spacing-xl);background:var(--sidebar-background);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--button-text);transition:var(--transition-colors);z-index:var(--z-fixed);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.show-sidebar-btn:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}.conversations-list{padding:var(--spacing-md);gap:var(--spacing-sm);min-height:0;padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.conversation-item{padding:var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;background-color:var(--color-background-primary);border:1px solid var(--color-border-tertiary);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xs);transition:all .3s;position:relative;overflow:hidden}.conversation-item:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#60a5fa0d);transition:opacity .3s;position:absolute;inset:0}.conversation-item:hover{background-color:var(--color-background-tertiary);box-shadow:var(--shadow-lg);border-color:var(--color-accent-primary);transform:translateY(-2px)}.conversation-item:hover:before{opacity:1}.conversation-item.active{background-color:var(--color-accent-primary-light);border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);border-left:3px solid var(--color-accent-primary)}.conversation-item.active:before{opacity:1;background:linear-gradient(135deg,#60a5fa1a,#60a5fa0d)}.conversation-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.conversation-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;transition:color .2s;overflow:hidden}.conversation-item:hover .conversation-title{color:var(--color-accent-primary)}.conversation-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-left:var(--spacing-sm);background-color:var(--color-background-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);flex-shrink:0;transition:all .2s}.conversation-item:hover .conversation-time{background-color:var(--color-accent-primary-light);color:var(--color-accent-primary)}.conversation-preview{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.last-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-normal);flex:1;margin:0;transition:color .2s;overflow:hidden}.conversation-item:hover .last-message{color:var(--color-text-primary)}.unread-badge{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-xl);margin-left:var(--spacing-sm);text-align:center;min-width:20px;box-shadow:var(--shadow-sm);flex-shrink:0;transition:all .2s}.conversation-item:hover .unread-badge{box-shadow:var(--shadow-md);transform:scale(1.1)}.conversation-members{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-tertiary)}.members-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:var(--spacing-xs);transition:color .2s;display:flex;overflow:hidden}.members-text:before{content:"group";color:var(--color-accent-primary);font-family:Material Icons;font-size:12px}.conversation-item:hover .members-text{color:var(--color-text-secondary)}.date-row{justify-content:center;margin-bottom:20px;display:flex}.date-separator{background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;padding:6px 12px;line-height:1;display:inline-block}.auth-overlay{background:var(--color-background-app);z-index:1000;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-container{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.auth-card{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.auth-logo{margin-bottom:var(--spacing-sm);justify-content:center;display:flex}.auth-logo-image{object-fit:contain;width:auto;height:48px}.auth-header{text-align:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.auth-form{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.auth-input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.auth-input{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-sans);color:var(--input-text);transition:var(--transition-colors);box-sizing:border-box}.auth-input::placeholder{color:var(--input-placeholder)}.auth-input:focus{border-color:var(--input-border-focus);background:var(--input-background-focus);box-shadow:var(--shadow-focus-primary);outline:none}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-error{align-items:center;gap:var(--spacing-sm);color:var(--state-error-text);font-size:var(--font-size-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-sm);display:flex}.auth-error .material-icons{font-size:var(--font-size-base)}.auth-submit{width:100%;min-height:48px;position:relative}.auth-submit.loading{color:#0000}.auth-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.auth-terms{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin:0}.auth-copyright{font-size:var(--font-size-xs);color:var(--color-text-quaternary);margin:0}@media (max-width:480px){.auth-overlay{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-xl);gap:var(--spacing-lg)}.auth-title{font-size:var(--font-size-2xl)}.auth-logo-image{height:40px}}[data-theme=light] .auth-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .auth-card{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.auth-submit:focus-visible{box-shadow:var(--shadow-focus-primary)}.auth-submit.loading .auth-spinner{color:var(--color-text-inverse)}.auth-otp-container{justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-lg)0;display:flex}.auth-otp-input{text-align:center;width:48px;height:48px;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);transition:var(--transition-colors);box-sizing:border-box}.auth-otp-input:focus{border-color:var(--input-border-focus);background:var(--input-background-focus);box-shadow:var(--shadow-focus-primary);outline:none}.auth-otp-input:disabled{opacity:.6;cursor:not-allowed}.auth-button-group{gap:var(--spacing-md);width:100%;display:flex}.auth-button-group .btn{flex:1}@media (max-width:480px){.auth-otp-input{width:40px;height:40px;font-size:var(--font-size-lg)}.auth-otp-container{gap:var(--spacing-xs)}}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus-primary)}.btn-primary:hover{background:#059669;transform:scale(1.02);box-shadow:0 4px 12px #10b98126}.btn-primary:active{transition:all .1s;transform:scale(.98)}[data-theme=dark] .btn-primary{color:#34d399;background:#34d39926;border:1px solid #34d3994d;box-shadow:0 1px 2px #0000001a}[data-theme=dark] .btn-primary:hover{color:#6ee7b7;background:#34d39940;border-color:#34d39980;box-shadow:0 4px 12px #34d3991a}[data-theme=dark] .btn-primary:focus-visible{outline-offset:2px;outline:2px solid #34d39980}.btn-secondary:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.btn-secondary:active{background:var(--color-background-tertiary);transition:all .1s;transform:translateY(1px)}[data-theme=dark] .btn-secondary{color:var(--color-text-secondary);background:#ffffff08}[data-theme=dark] .btn-secondary:hover{color:var(--color-text-primary);background:#ffffff14}[data-theme=dark] .btn-secondary:active{background:#ffffff14;transform:translateY(1px)}[data-theme=dark] .btn-secondary:focus-visible{background:#ffffff14;outline:2px solid #fff3}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.btn-icon{padding:var(--spacing-sm);border-radius:var(--radius-md);width:40px;height:40px}.btn-icon-sm{padding:var(--spacing-xs);border-radius:var(--radius-sm);width:32px;height:32px}.btn-icon-lg{padding:var(--spacing-md);border-radius:var(--radius-lg);width:48px;height:48px}.btn:disabled:hover{background-color:inherit;color:inherit}.btn-with-icon{gap:var(--spacing-sm)}.btn-with-icon .material-icons{font-size:1.2em}:root{--vh:1vh;--available-height:100vh;--keyboard-height:0px}@media (display-mode:standalone){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}input,textarea,select{font-size:16px!important}*{-webkit-overflow-scrolling:touch}html,body{height:100%;height:calc(var(--vh,1vh)*100);overflow:hidden}body{width:100%;position:fixed;top:0;left:0}.app-container{padding-left:2px;position:relative;overflow:visible}.main-chat .chat-messages{padding-bottom:calc(var(--safe-area-inset-bottom));display:block}.main-chat .chat-input{bottom:calc(var(--safe-area-inset-bottom) - 33px);padding-bottom:30px}body.keyboard-visible .main-chat,body.input-focused .main-chat,body.chat-input-focused .main-chat{bottom:-20px}body.keyboard-visible .main-chat .chat-input,body.input-focused .main-chat .chat-input,body.chat-input-focused .main-chat .chat-input{bottom:-10px}.chat-header{padding-top:calc(var(--spacing-xl) + max(env(safe-area-inset-top),20px))}@media (orientation:landscape){.chat-header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top))}.main-chat .chat-messages{padding-bottom:50px;display:block}}}.install-prompt{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;animation:.3s ease-out slideIn;display:flex}.install-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary,#007bff);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.install-button:hover{background:var(--color-primary-hover,#0056b3);transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.install-button:active{transform:translateY(0);box-shadow:0 1px 4px #007bff4d}.install-button .material-icons{font-size:1rem}.offline-indicator{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-warning,#ffc107);color:var(--color-warning-text,#212529);white-space:nowrap;border-radius:6px;font-size:.875rem;font-weight:500;display:flex}.offline-indicator .material-icons{font-size:1rem}.install-prompt-header{margin-right:var(--spacing-sm)}.install-prompt-header .install-button,.install-prompt-header .offline-indicator{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}.ios-install-modal-overlay{z-index:1000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ios-install-modal{background:var(--color-background-primary,#fff);border-radius:12px;width:100%;max-width:400px;animation:.3s ease-out modalSlideIn;box-shadow:0 10px 25px #0003}.ios-install-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary,#e5e5e5);justify-content:space-between;align-items:center;display:flex}.ios-install-header h3{color:var(--color-text-primary,#1a1a1a);margin:0;font-size:1.125rem;font-weight:600}.ios-install-close{cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary,#64748b);background:0 0;border:none;border-radius:6px;transition:all .2s}.ios-install-close:hover{background:var(--color-background-secondary,#f9fafb);color:var(--color-text-primary,#1a1a1a)}.ios-install-content{padding:var(--spacing-md)}.ios-install-content p{margin:0 0 var(--spacing-md)0;color:var(--color-text-secondary,#64748b);font-size:.875rem}.ios-install-content ol{padding-left:var(--spacing-md);counter-reset:step-counter;margin:0;list-style:none}.ios-install-content li{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background-secondary,#f9fafb);color:var(--color-text-primary,#1a1a1a);counter-increment:step-counter;border-radius:8px;font-size:.875rem;display:flex;position:relative}.ios-install-content li:before{content:counter(step-counter);background:var(--color-primary,#007bff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:600;display:flex}.ios-install-content li .material-icons{color:var(--color-primary,#007bff);flex-shrink:0;font-size:1.125rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.install-button.new-install{animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .install-button{background:var(--color-primary-dark,#0d6efd)}[data-theme=dark] .install-button:hover{background:var(--color-primary-dark-hover,#0b5ed7)}[data-theme=dark] .offline-indicator{background:var(--color-warning-dark,#ffca2c);color:var(--color-warning-dark-text,#000)}[data-theme=dark] .ios-install-modal{background:var(--color-background-primary-dark,#1a1a1a)}[data-theme=dark] .ios-install-header{border-bottom-color:var(--color-border-primary-dark,#333)}[data-theme=dark] .ios-install-header h3{color:var(--color-text-primary-dark,#fff)}[data-theme=dark] .ios-install-close{color:var(--color-text-secondary-dark,#94a3b8)}[data-theme=dark] .ios-install-close:hover{background:var(--color-background-secondary-dark,#2a2a2a);color:var(--color-text-primary-dark,#fff)}[data-theme=dark] .ios-install-content p{color:var(--color-text-secondary-dark,#94a3b8)}[data-theme=dark] .ios-install-content li{background:var(--color-background-secondary-dark,#2a2a2a);color:var(--color-text-primary-dark,#fff)}[data-theme=dark] .ios-install-content li .material-icons{color:var(--color-primary-dark,#0d6efd)}@media (max-width:768px){.install-button,.offline-indicator{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}.install-button .material-icons,.offline-indicator .material-icons{font-size:.875rem}.install-prompt-header{margin-right:var(--spacing-xs)}}@media (max-width:480px){.ios-install-modal-overlay{padding:var(--spacing-sm)}.ios-install-modal{max-width:none}.ios-install-header,.ios-install-content{padding:var(--spacing-sm)}.ios-install-content li{padding:var(--spacing-xs);font-size:.8125rem}.ios-install-content li .material-icons{font-size:1rem}}.search-container{margin:var(--spacing-xl)var(--spacing-md)var(--spacing-xl)var(--spacing-md)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-accent-primary);pointer-events:none;z-index:1;font-size:20px;transition:all .2s;position:absolute}.search-clear-btn{right:var(--spacing-md);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);z-index:2;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.search-clear-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.search-clear-btn:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.search-clear-btn .material-icons{font-size:18px}.loading-state{padding:var(--spacing-4xl)var(--spacing-xl);text-align:center}.loading-state p{color:var(--state-loading-text);font-size:var(--font-size-base);margin:0}.error-state{padding:var(--spacing-4xl)var(--spacing-xl);text-align:center}.error-state p{color:var(--state-error-text);font-size:var(--font-size-base);margin:0}.success-state{padding:var(--spacing-4xl)var(--spacing-xl);text-align:center}.success-state p{color:var(--state-success-text);font-size:var(--font-size-base);margin:0}.no-results{padding:var(--spacing-4xl)var(--spacing-xl);text-align:center}.no-results p{color:var(--state-loading-text);font-size:var(--font-size-base);margin:0}.empty-state{padding:var(--spacing-4xl)var(--spacing-xl);text-align:center}.loading-spinner{border:2px solid var(--color-border-secondary);border-top-color:var(--color-accent-primary);border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.status-indicator{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex}.status-indicator.success{background-color:var(--color-success-light);color:var(--color-success)}.status-indicator.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.status-indicator.error{background-color:var(--color-error-light);color:var(--color-error)}.status-indicator.info{background-color:var(--color-info-light);color:var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--color-background-secondary)25%,var(--color-background-tertiary)50%,var(--color-background-secondary)75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:var(--radius-sm);height:1em}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-button{border-radius:var(--radius-md);height:40px}.members-panel,.members-content{flex-direction:column;height:100%;min-height:0;display:flex}.members-header{padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-md)var(--spacing-lg);border-bottom:2px solid var(--color-border-tertiary);background-color:var(--sidebar-background);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.members-header-content{align-items:center;gap:var(--spacing-md);display:flex}.members-header-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.member-count{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-xl);text-align:center;min-width:24px;box-shadow:var(--shadow-sm)}.members-actions{gap:var(--spacing-xs);display:flex}.members-actions .btn{background:var(--button-background);color:var(--button-text);transition:var(--transition-colors);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;display:flex}.members-actions .btn:hover{background-color:var(--button-background-hover);color:var(--button-text-hover)}.members-search{padding:var(--spacing-lg);background-color:var(--sidebar-background);border-bottom:1px solid var(--color-border-tertiary);flex-shrink:0}.members-scrollable-content{padding:var(--spacing-lg);padding-bottom:var(--spacing-4xl);scrollbar-width:thin;scrollbar-color:var(--color-accent-primary)var(--color-background-tertiary);flex:1;height:0;min-height:0;overflow-y:auto}.members-scrollable-content::-webkit-scrollbar{width:8px}.members-scrollable-content::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:var(--radius-sm)}.members-scrollable-content::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-sm);transition:background .2s}.members-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary-hover)}.search-icon{left:var(--spacing-md);color:var(--color-accent-primary);z-index:1;font-size:20px;transition:all .2s;position:absolute}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)var(--spacing-4xl);border:2px solid var(--input-border);border-radius:var(--radius-xl);font-size:var(--font-size-sm);background-color:var(--input-background);color:var(--input-text);box-shadow:var(--shadow-sm);transition:all .3s}.search-input:focus{border-color:var(--color-accent-primary);background-color:var(--input-background-focus);box-shadow:0 0 0 3px #60a5fa1a,var(--shadow-md);outline:none;transform:translateY(-1px)}.search-input:focus+.search-icon{color:var(--color-accent-primary-hover);transform:scale(1.1)}.add-menu{background-color:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-xl);z-index:var(--z-dropdown);animation:.2s ease-out slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-option{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex;position:relative}.add-option:hover{background-color:var(--color-background-secondary);color:var(--color-accent-primary);transform:translate(4px)}.add-option:hover:before{content:"";background-color:var(--color-accent-primary);width:3px;position:absolute;top:0;bottom:0;left:0}.add-option .material-icons{color:var(--color-accent-primary);font-size:20px;transition:all .2s}.add-option:hover .material-icons{transform:scale(1.1)}.members-section{margin-bottom:var(--spacing-2xl);background-color:var(--color-background-secondary);border-radius:var(--radius-xl);padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--color-border-tertiary);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex;position:relative}.section-header:after{content:"";background-color:var(--color-accent-primary);border-radius:var(--radius-sm);width:40px;height:2px;position:absolute;bottom:-2px;left:0}.section-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.section-header h4:before{content:"";background-color:var(--color-accent-primary);width:8px;height:8px;box-shadow:0 0 8px var(--color-accent-primary);border-radius:50%}.section-count{background:linear-gradient(135deg,var(--color-info),var(--color-info-light));color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-lg);text-align:center;min-width:20px;box-shadow:var(--shadow-sm)}.members-subsection{margin-bottom:var(--spacing-lg)}.subsection-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.subsection-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.subsection-count{background-color:var(--color-background-tertiary);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);text-align:center;min-width:14px}.members-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.member-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;background-color:var(--color-background-primary);border:1px solid var(--color-border-tertiary);box-shadow:var(--shadow-sm);transition:all .3s;display:flex;position:relative}.member-item:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#60a5fa0d);transition:opacity .3s;position:absolute;inset:0}.member-item:hover{background-color:var(--color-background-tertiary);box-shadow:var(--shadow-lg);border-color:var(--color-accent-primary);transform:translateY(-2px)}.member-item:hover:before{opacity:1}.member-item.offline{opacity:.7;filter:grayscale(.3)}.member-item.offline:hover{opacity:.9;filter:grayscale(.1)}.member-avatar{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.human-avatar{background:linear-gradient(135deg,var(--color-background-tertiary),var(--color-background-quaternary));border:2px solid var(--color-border-secondary);box-shadow:var(--shadow-sm);border-radius:50%}.agent-avatar{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-info));border-radius:var(--radius-lg);border:3px solid var(--color-accent-primary-hover);box-shadow:0 0 20px #60a5fa4d,var(--shadow-md);animation:2s infinite pulse}.member-item:hover .member-avatar{transform:scale(1.05)}.avatar-emoji{filter:drop-shadow(0 1px 2px #0000004d);font-size:18px;line-height:1}.status-indicator{border:2px solid var(--color-background-primary);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%;transition:all .3s;position:absolute;bottom:-2px;right:-2px}.member-item:hover .status-indicator{box-shadow:var(--shadow-md);transform:scale(1.2)}.member-info{flex:1;min-width:0}.member-name-row{align-items:center;gap:var(--spacing-sm);margin-bottom:2px;display:flex}.member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-role,.member-status{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--spacing-xs);display:flex;overflow:hidden}.status-icon,.role-icon{color:var(--color-accent-primary);transition:all .2s;font-size:12px!important}.member-status .status-icon{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.agent-item .member-status .status-icon{color:var(--color-info)}.agent-item[data-status=working] .status-icon{color:var(--color-warning);animation:1s ease-in-out infinite workingPulse}.agent-item[data-status=listening] .status-icon{color:var(--color-info);animation:1.5s ease-in-out infinite listeningPulse}@keyframes workingPulse{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}}@keyframes listeningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.human-item .role-icon{color:var(--color-success)}.human-item.offline .role-icon{color:var(--color-text-quaternary)}.tag-button{background:linear-gradient(135deg,var(--color-accent-primary-light),#60a5fa1a);color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-lg);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);text-overflow:ellipsis;width:auto;min-width:60px;max-width:140px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.tag-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tag-button:hover{background:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.tag-button:hover:before{left:100%}.tag-button:active{transform:translateY(0)}.agent-keywords{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.keyword-tag{background:linear-gradient(135deg,var(--color-info-light),var(--color-background-quaternary));color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-info);white-space:nowrap;box-shadow:var(--shadow-sm);transition:all .2s}.keyword-tag:hover{background:var(--color-info);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.keyword-more{color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-accent-primary-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--color-accent-primary)}.member-actions{gap:var(--spacing-sm);opacity:0;transition:all .3s;display:flex;transform:translate(10px)}.member-item:hover .member-actions{opacity:1;transform:translate(0)}.member-actions .btn{background-color:var(--color-background-tertiary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:all .2s}.member-actions .btn:hover{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:scale(1.1)}.member-actions .btn-remove:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.collaborations{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-background-tertiary),var(--color-background-secondary));border-radius:var(--radius-xl);border:2px solid var(--color-border-tertiary);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.collaborations:before{content:"";background:linear-gradient(90deg,var(--color-accent-primary),var(--color-info),var(--color-success));height:3px;position:absolute;top:0;left:0;right:0}.collaboration-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.collaboration-header .material-icons{color:var(--color-accent-primary);font-size:20px;animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collaboration-items{gap:var(--spacing-md);padding-bottom:var(--spacing-sm);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-accent-primary)var(--color-background-tertiary);display:flex;overflow:auto hidden}.collaboration-items::-webkit-scrollbar{height:6px}.collaboration-items::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:var(--radius-sm)}.collaboration-items::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-sm);transition:background .2s}.collaboration-items::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary-hover)}.collaboration-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0;min-width:280px;transition:all .3s;display:flex;position:relative}.collaboration-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-primary);transform:translateY(-2px)}.collab-agent{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background-color:var(--color-background-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary)}.collab-arrow{color:var(--color-accent-primary);font-size:18px;animation:1.5s ease-in-out infinite pulse}.collab-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);margin-left:auto}.collab-status.active{background:linear-gradient(135deg,var(--color-success),var(--color-success-light));color:var(--color-text-inverse);box-shadow:0 0 10px #34d3994d}.collab-status.pending{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-light));color:var(--color-text-inverse);box-shadow:0 0 10px #fbbf244d}.collab-status.completed{background:linear-gradient(135deg,var(--color-info),var(--color-info-light));color:var(--color-text-inverse);box-shadow:0 0 10px #38bdf84d}.empty-state{padding:var(--spacing-4xl)var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xs)0}.empty-state-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.agent-item{transition:all var(--transition-colors);border-left:3px solid #0000}.agent-item:hover{border-left-color:var(--color-accent-primary);background-color:var(--color-accent-primary-light)}.agent-item .member-name{font-weight:var(--font-weight-semibold)}.human-item:hover{background-color:var(--color-background-secondary)}@media (min-width:1024px){.members-panel,.members-content{max-height:100vh;overflow:hidden}.members-scrollable-content{max-height:calc(100vh - var(--header-height) - 120px);scroll-behavior:smooth;will-change:scroll-position;overflow-y:auto}.members-scrollable-content::-webkit-scrollbar{width:12px}.members-scrollable-content::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:var(--radius-md);margin:var(--spacing-sm)0}.members-scrollable-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));border-radius:var(--radius-md);border:2px solid var(--color-background-tertiary);box-shadow:var(--shadow-sm)}.members-scrollable-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-accent-primary-hover),var(--color-accent-primary));box-shadow:var(--shadow-md)}}@media (min-width:1440px){.members-scrollable-content{max-height:calc(100vh - var(--header-height) - 140px)}}@media (max-width:768px){.members-panel{width:100%;height:100vh;z-index:var(--z-modal);transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.members-panel.open{transform:translate(0)}.member-item{padding:var(--spacing-md)}.member-avatar{width:40px;height:40px}.avatar-emoji{font-size:20px}}[data-theme=dark] .agent-avatar{border-color:var(--color-accent-primary);background:linear-gradient(135deg,#3b82f633,#0ea5e933)}[data-theme=dark] .collaborations{background-color:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .collaboration-item{background-color:#ffffff0d}.members-collapsed-content{padding:var(--spacing-md)0;align-items:center;gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}.collapsed-member-count{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-background-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex}.collapsed-member-count:hover{background-color:var(--color-background-tertiary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.collapsed-member-count .material-icons{color:var(--color-accent-primary);font-size:20px}.count-badge{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary-hover));color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-lg);text-align:center;min-width:20px;box-shadow:var(--shadow-sm)}.collapsed-member-avatars{gap:var(--spacing-sm);width:100%;padding:0 var(--spacing-sm);flex-direction:column;align-items:center;display:flex}.collapsed-avatar{border-radius:var(--radius-lg);cursor:pointer;border:2px solid var(--color-border-secondary);width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.collapsed-avatar.human{background:linear-gradient(135deg,var(--color-background-tertiary),var(--color-background-quaternary));border-radius:50%}.collapsed-avatar.agent{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-info));border-color:var(--color-accent-primary-hover);box-shadow:0 0 15px #60a5fa4d,var(--shadow-sm)}.collapsed-avatar:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.collapsed-avatar .avatar-emoji{filter:drop-shadow(0 1px 2px #0000004d);font-size:16px;line-height:1}.collapsed-avatar .status-indicator{border:2px solid var(--color-background-primary);width:10px;height:10px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.collapsed-avatar-more{background-color:var(--color-background-tertiary);border:2px solid var(--color-border-secondary);width:36px;height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapsed-avatar-more:hover{background-color:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:scale(1.1)}.settings-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;position:fixed;inset:0}.settings-panel{background-color:var(--color-background-primary);border-left:1px solid var(--color-border-primary);z-index:9999;width:600px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-secondary);background-color:var(--color-background-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.settings-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.settings-content{flex:1;min-height:0;display:flex}.settings-sidebar{background-color:var(--color-background-secondary);border-right:1px solid var(--color-border-secondary);flex-shrink:0;width:200px}.settings-nav{padding:var(--spacing-md)0}.settings-nav-item{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-right:3px solid #0000;transition:all .2s;display:flex}.settings-nav-item:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.settings-nav-item.active{background-color:var(--color-accent-primary-subtle);color:var(--color-accent-primary);border-right-color:var(--color-accent-primary)}.settings-nav-item .material-icons{font-size:18px}.settings-main{padding:var(--spacing-xl);flex:1;overflow-y:auto}.settings-tab-content{max-width:500px}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg)0}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h3{margin:0}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.form-input,.form-select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-background-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-subtle);outline:none}.form-range{width:100%;margin:var(--spacing-sm)0}.range-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.api-key-form{background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.api-keys-list{gap:var(--spacing-md);flex-direction:column;display:flex}.api-key-item{background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.api-key-info{flex:1}.api-key-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.api-key-provider{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.api-key-status .status-indicator{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex}.status-indicator.valid{color:var(--color-success)}.status-indicator.invalid{color:var(--color-error)}.status-indicator .material-icons{font-size:16px}.api-key-details{gap:var(--spacing-xs);flex-direction:column;display:flex}.api-key-value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-background-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block}.api-key-meta{gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.api-key-actions{gap:var(--spacing-xs);margin-left:var(--spacing-md);display:flex}.billing-plan-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.plan-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.plan-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.plan-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.plan-usage{margin-bottom:var(--spacing-lg)}.usage-item{padding:var(--spacing-sm)0;font-size:var(--font-size-sm);justify-content:space-between;display:flex}.usage-item:first-child{color:var(--color-text-primary)}.usage-item:last-child{color:var(--color-text-secondary)}.payment-methods{margin-bottom:var(--spacing-lg)}.payment-method{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex}.payment-default{font-size:var(--font-size-xs);color:var(--color-accent-primary);font-weight:var(--font-weight-medium);margin-left:auto}.billing-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.billing-item{padding:var(--spacing-md);background-color:var(--color-background-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.theme-options{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.theme-option{align-items:center;gap:var(--spacing-sm);cursor:pointer;flex-direction:column;display:flex}.theme-option input[type=radio]{display:none}.theme-preview{border-radius:var(--radius-md);border:2px solid var(--color-border-secondary);width:80px;height:60px;transition:border-color .2s;overflow:hidden}.theme-option input[type=radio]:checked+.theme-preview{border-color:var(--color-accent-primary)}.theme-preview.dark{background-color:#1a1a1a}.theme-preview.light{background-color:#fff}.theme-preview-header{background-color:#ffffff1a;height:20px}.theme-preview.light .theme-preview-header{background-color:#0000000d}.theme-preview-content{background-color:#ffffff0d;height:40px}.theme-preview.light .theme-preview-content{background-color:#00000005}.theme-option span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.text-muted{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.settings-mobile{flex-direction:column;height:100%;display:flex}.settings-mobile-nav{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);background-color:var(--color-background-primary);flex-shrink:0}.settings-tab-option{align-items:center;gap:var(--spacing-sm);display:flex}.settings-tab-option .material-icons{color:inherit;font-size:18px}.settings-tab-select .settings-tab-select__control{border-radius:var(--radius-md);border:1px solid var(--color-border-primary);box-shadow:none;cursor:pointer}.settings-tab-select .settings-tab-select__control:hover{border-color:var(--color-accent-primary)}.settings-tab-select .settings-tab-select__control--is-focused{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-light)}.settings-tab-select .settings-tab-select__value-container{padding:var(--spacing-sm)var(--spacing-md)}.settings-tab-select .settings-tab-select__single-value{align-items:center;gap:var(--spacing-sm);display:flex}.settings-tab-select .settings-tab-select__indicator-separator{display:none}.settings-tab-select .settings-tab-select__dropdown-indicator{color:var(--color-text-secondary);padding:var(--spacing-sm)}.settings-tab-select .settings-tab-select__dropdown-indicator:hover{color:var(--color-text-primary)}.settings-tab-select .settings-tab-select__menu{border-radius:var(--radius-md);margin-top:var(--spacing-xs);overflow:hidden}.settings-tab-select .settings-tab-select__menu-list{padding:0}.settings-tab-select .settings-tab-select__option{cursor:pointer;transition:all .2s}.settings-tab-select .settings-tab-select__option:active{background-color:var(--color-accent-primary)!important}@media (max-width:768px){.settings-panel{width:100vw;left:0}.settings-content{flex-direction:column}.settings-sidebar{display:none}.settings-mobile .settings-main{padding:var(--spacing-lg);flex:1;overflow-y:auto}.settings-mobile .settings-tab-content{max-width:none}.settings-mobile .form-group{margin-bottom:var(--spacing-lg)}.settings-mobile .settings-section{margin-bottom:var(--spacing-xl)}.settings-mobile .theme-options{gap:var(--spacing-md);flex-direction:column;align-items:stretch}.settings-mobile .theme-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-background-secondary);flex-direction:row}.settings-mobile .theme-option input[type=radio]:checked+.theme-preview{border-color:var(--color-accent-primary)}.settings-mobile .theme-preview{flex-shrink:0}.settings-mobile .api-key-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.settings-mobile .api-key-actions{justify-content:flex-end;margin-left:0}.settings-mobile .section-header{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.settings-mobile .section-header .btn{align-self:flex-start}}.notification-status{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.status-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);background-color:var(--color-background-secondary);display:flex}.status-icon{flex-shrink:0;margin-top:2px;font-size:20px}.status-icon.success{color:var(--color-success)}.status-icon.error{color:var(--color-danger)}.status-icon.warning{color:var(--color-warning)}.status-item div{flex:1}.status-item strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.status-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.notification-advanced-settings{margin-top:var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-background-tertiary);overflow:hidden}.advanced-settings-content{padding:var(--spacing-lg)}.advanced-settings-content h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)0}.advanced-settings-content p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-md)0}.toggle-switch-container{margin-bottom:var(--spacing-md)}.toggle-switch-container.disabled{opacity:.6;pointer-events:none}.toggle-switch-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.toggle-switch-text{flex:1;min-width:0}.toggle-switch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);cursor:pointer;line-height:1.4;display:block}.toggle-switch-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.toggle-switch{cursor:pointer;flex-shrink:0;transition:all .2s;display:inline-block;position:relative}.toggle-switch.sm{width:36px;height:20px}.toggle-switch.md{width:44px;height:24px}.toggle-switch.lg{width:52px;height:28px}.toggle-switch-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch-slider{background-color:var(--color-border-secondary);border:1px solid var(--color-border-primary);border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-switch-thumb{background-color:var(--color-background-primary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 2px 4px #0000001a}.toggle-switch.sm .toggle-switch-thumb{width:16px;height:16px}.toggle-switch.md .toggle-switch-thumb{width:20px;height:20px}.toggle-switch.lg .toggle-switch-thumb{width:24px;height:24px}.toggle-switch.checked .toggle-switch-slider{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-switch.checked.sm .toggle-switch-thumb{transform:translate(16px)translateY(-50%)}.toggle-switch.checked.md .toggle-switch-thumb{transform:translate(20px)translateY(-50%)}.toggle-switch.checked.lg .toggle-switch-thumb{transform:translate(24px)translateY(-50%)}.toggle-switch:hover:not(.disabled) .toggle-switch-slider{box-shadow:0 0 0 3px var(--color-accent-primary-subtle)}.toggle-switch.checked:hover:not(.disabled) .toggle-switch-slider{background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}.toggle-switch-input:focus+.toggle-switch-slider{box-shadow:0 0 0 3px var(--color-accent-primary-subtle);outline:none}.toggle-switch.disabled{cursor:not-allowed}.toggle-switch.disabled .toggle-switch-slider{background-color:var(--color-background-tertiary);border-color:var(--color-border-tertiary)}.toggle-switch.disabled .toggle-switch-thumb{background-color:var(--color-text-tertiary)}.btn.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000}.btn.btn-ghost:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.btn.btn-ghost.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs)}@media (max-width:480px){.settings-mobile-nav,.settings-mobile .settings-main{padding:var(--spacing-md)}.settings-mobile .theme-option{padding:var(--spacing-sm)}.settings-mobile .api-key-item,.advanced-settings-content{padding:var(--spacing-md)}}.create-conversation-modal{background:var(--color-background-primary);width:100%;box-shadow:var(--shadow-large);border:1px solid var(--color-border-primary);border-radius:12px;padding:0;max-width:480px!important}.modal-close-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.create-conversation-form{padding:var(--spacing-lg);padding-top:0}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--surface-primary);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-alpha);outline:none}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-secondary)}.form-input-error{border-color:var(--status-error)}.form-input-error:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--status-error-alpha)}.form-input-meta{margin-top:var(--spacing-xs);justify-content:flex-end;display:flex}.character-count{font-size:var(--font-size-xs);color:var(--text-secondary)}.form-error{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--status-error-bg);border:1px solid var(--status-error);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--status-error);display:flex}.form-error .material-icons{font-size:16px}.modal-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#10b981;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:#059669;transform:scale(1.02);box-shadow:0 4px 12px #10b98126}.btn-primary:active:not(:disabled){transition:all .1s;transform:scale(.98)}.btn-primary:focus-visible{outline-offset:2px;outline:2px solid #10b981}[data-theme=dark] .create-conversation-modal .btn-primary{color:#34d399;background:#34d39926;border:1px solid #34d3994d;box-shadow:0 1px 2px #0000001a}[data-theme=dark] .create-conversation-modal .btn-primary:hover:not(:disabled){color:#6ee7b7;background:#34d39940;border-color:#34d39980;box-shadow:0 4px 12px #34d3991a}[data-theme=dark] .create-conversation-modal .btn-primary:focus-visible{outline-offset:2px;outline:2px solid #34d39980}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text-secondary);border:none;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color-background-tertiary);color:var(--color-text-primary)}.btn-secondary:active:not(:disabled){background:var(--color-background-tertiary);transition:all .1s;transform:translateY(1px)}.btn-secondary:focus-visible{outline:2px solid var(--color-border-secondary);outline-offset:2px;background:var(--color-background-tertiary)}[data-theme=dark] .create-conversation-modal .btn-secondary{color:var(--color-text-secondary);background:#ffffff08}[data-theme=dark] .create-conversation-modal .btn-secondary:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff14}[data-theme=dark] .create-conversation-modal .btn-secondary:active:not(:disabled){background:#ffffff14;transform:translateY(1px)}[data-theme=dark] .create-conversation-modal .btn-secondary:focus-visible{background:#ffffff14;outline:2px solid #fff3}.btn .material-icons{font-size:18px}@media (max-width:768px){.create-conversation-modal{max-width:90vw;margin:var(--spacing-md)}.modal-actions{flex-direction:column-reverse}.btn{justify-content:center;width:100%}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-800:oklch(27.9% .041 260.031);--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.table{display:table}.h-full{height:100%}.w-11\/12{width:91.6667%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-slate-800{background-color:var(--color-slate-800)}.text-\[0\.9em\]{font-size:.9em}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:no-underline:hover{text-decoration-line:none}}}.add-contact-modal{background:var(--color-background-primary);width:90vw;max-width:600px;height:auto;min-height:250px;max-height:400px;box-shadow:var(--shadow-large);border:1px solid var(--color-border-primary);border-radius:12px;flex-direction:column;align-items:center;display:flex}.modal-header{background:var(--color-background-primary);border-radius:12px 12px 0 0;width:100%}.close-btn{cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-section{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.search-hint{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-info-light);color:var(--color-info);font-size:var(--font-size-sm);border-radius:6px;display:flex}.search-hint .material-icons{font-size:16px}.contacts-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.contacts-list{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.contacts-header{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md);flex-shrink:0}.contacts-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.contact-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s;display:flex}.contact-item:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-medium)}.contact-avatar-name{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.contact-avatar{background:var(--color-background-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.contact-name-email{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin:0;display:flex}.member-indicator{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-success-light);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:4px;display:flex}.member-indicator .material-icons{font-size:14px}.contact-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.email-highlight{background:var(--color-accent-primary-light);color:var(--color-accent-primary);border-radius:2px;padding:1px 2px}.contact-status-actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.contact-status{align-items:center;gap:var(--spacing-xs);display:flex}.status-badge{padding:var(--spacing-xs)var(--spacing-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:capitalize;border-radius:4px}.status-badge.available{background:var(--color-success-light);color:var(--color-success)}.status-badge.invited{background:var(--color-info-light);color:var(--color-info)}.status-badge.pending{background:var(--color-warning-light);color:var(--color-warning)}.status-badge.active{background:var(--color-success);color:#fff}.status-badge.declined{background:var(--color-error-light);color:var(--color-error)}.member-status-badge{padding:var(--spacing-xs)var(--spacing-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:capitalize;border-radius:4px}.member-status-badge.online{background:var(--color-success-light);color:var(--color-success)}.member-status-badge.offline{background:var(--color-text-quaternary);color:var(--color-text-secondary)}.member-status-badge.invited{background:var(--color-warning-light);color:var(--color-warning)}.member-status-badge.listening{background:var(--color-info-light);color:var(--color-info)}.member-status-badge.working{background:var(--color-warning-light);color:var(--color-warning)}.member-status-badge.idle{background:var(--color-text-tertiary);color:var(--color-text-primary)}.contact-item.existing-member{background:var(--color-background-tertiary);border-color:var(--color-success-light)}.contact-item.existing-member:hover{border-color:var(--color-success);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.1)}.contact-details{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.contact-role,.contact-company{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.contact-role .material-icons,.contact-company .material-icons{color:var(--color-text-tertiary);font-size:16px}.contact-actions{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-actions .btn{white-space:nowrap;min-width:120px}.contact-actions .btn .material-icons{font-size:16px}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.empty-state .material-icons{color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);font-size:64px}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state p{font-size:var(--font-size-md);margin:0;line-height:1.5}.privacy-note{font-style:italic;font-size:var(--font-size-sm)!important;color:var(--color-text-tertiary)!important}.loading-state,.error-state,.no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.no-results-subtitle{font-size:var(--font-size-sm)!important;color:var(--color-text-tertiary)!important}@media (max-width:768px){.add-contact-modal{width:95vw;height:auto;min-height:300px;max-height:450px;margin:var(--spacing-lg)}.contact-item{align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column}.contact-avatar-name{flex:none}.contact-status-actions{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-direction:row}.contact-actions{flex-direction:row;justify-content:flex-end}.contact-actions .btn{min-width:auto;padding:var(--spacing-xs)var(--spacing-md);flex:none}}@media (max-width:480px){.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}.contact-avatar{width:40px;height:40px;font-size:24px}.contact-name{font-size:var(--font-size-md)}.search-section{gap:var(--spacing-xs)}.empty-state .material-icons{font-size:48px}}.add-agent-modal{background:var(--color-background-primary);box-sizing:border-box;border:1px solid var(--color-border-primary);border-radius:16px;flex-direction:column;width:100%;max-width:1000px;height:85vh;max-height:800px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.add-agent-modal-content{background:var(--color-background-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:70vh;overflow-y:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;padding:var(--spacing-lg);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-header{width:100%;padding:var(--spacing-lg)var(--spacing-xl);background:var(--color-background-secondary)}.close-btn{padding:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-content{gap:var(--spacing-lg);padding:var(--spacing-lg);box-sizing:border-box;flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.search-filter-section{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);box-sizing:border-box;border-radius:12px;flex-direction:column;flex-shrink:0;width:100%;display:flex}.filters-section{flex-direction:column;display:flex}.filters-collapsed{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filters-toggle-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-primary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:8px;transition:all .2s;display:flex}.filters-text{align-items:center;gap:4px;display:flex}.active-filters-compact{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;flex:1;display:flex}.filter-chip-compact{background:var(--color-accent-primary);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;transition:all .2s;display:flex}.chip-label-compact{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.chip-remove-compact{opacity:.8;font-size:14px}.clear-all-compact{color:var(--color-text-secondary);border:1px solid var(--color-border-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;background:0 0;border-radius:6px;padding:4px 8px;transition:all .2s}.filters-expanded{gap:var(--spacing-md);flex-direction:column;animation:.3s ease-out filtersExpand;display:flex}.filters-header{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.filters-title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.filters-collapse-btn{padding:var(--spacing-xs);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-icon{color:var(--color-text-tertiary);z-index:2;font-size:20px;position:absolute;left:16px}.search-input{border:2px solid var(--color-border-primary);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:12px;outline:none;padding:16px 20px 16px 52px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb,59,130,246),.1);background:var(--color-background-primary)}.clear-search-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.filter-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.agents-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;display:flex;overflow:auto}.agents-list{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.agents-header{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md);flex-shrink:0}.agents-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agent-item{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s;display:flex}.agent-info{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.agent-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.agent-avatar-name{align-items:center;gap:var(--spacing-md);display:flex}.agent-avatar{background:var(--color-background-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.agent-name-handle{gap:var(--spacing-xs);flex-direction:column;display:flex}.agent-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agent-pricing{align-items:flex-end;gap:var(--spacing-xs);flex-direction:column;display:flex}.pricing-badge{padding:var(--spacing-xs)var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.subscribed-badge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:4px}.agent-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.agent-creator{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);display:flex}.agent-keywords{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.keyword-tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:4px}.agent-actions{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.add-btn{cursor:pointer;font-size:var(--font-size-xs);letter-spacing:.025em;white-space:nowrap;border:none;border-radius:3px;justify-content:center;align-items:center;gap:2px;min-width:60px;padding:2px 6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 1px 4px #0000001a}.btn-content{z-index:2;align-items:center;gap:2px;display:flex;position:relative}.btn-text{align-items:center;gap:2px;display:flex}.btn-icon{justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .2s;display:flex}.add-btn.pressed{animation:.15s ease-out buttonPress}@keyframes buttonPress{0%{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.98)}to{transform:translateY(0)scale(1.02)}}.add-btn.loading .btn-icon{animation:1s linear infinite spin}.add-btn.loading{animation:2s ease-in-out infinite loadingPulse}.add-btn.success{animation:.6s ease-out successPulse}.add-btn.error{animation:.5s ease-out errorShake}.add-btn.free{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.add-btn.free:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #10b98166}.add-btn.subscribed{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.add-btn.subscribed:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #3b82f666}.add-btn.subscribe{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);position:relative;box-shadow:0 4px 12px #f59e0b4d}.add-btn.subscribe:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.add-btn.subscribe:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #f59e0b66}.add-btn.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98180}.add-btn.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.add-btn.loading{color:#fff;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.loading-state,.error-state,.no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.loading-state .material-icons,.error-state .material-icons,.no-results .material-icons{color:var(--color-text-tertiary);font-size:48px}.loading-state p,.error-state p,.no-results p{font-size:var(--font-size-md);margin:0}@media (max-width:768px){.add-agent-modal{width:95vw;height:90vh;margin:var(--spacing-md)}.modal-content{padding:var(--spacing-md);gap:var(--spacing-md)}.agent-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.agent-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.agent-pricing{flex-direction:row;justify-content:flex-start;align-items:center}.agent-actions{flex-direction:row;justify-content:flex-end}.add-btn{flex:none;min-width:auto}.agent-keywords{flex-wrap:wrap}}@media (max-width:480px){.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}.agent-avatar{width:40px;height:40px;font-size:24px}.agent-name{font-size:var(--font-size-md)}.search-filter-section{gap:var(--spacing-sm)}.filter-section{gap:var(--spacing-xs)}}.filter-chips-container{gap:var(--spacing-md);flex-direction:column;display:flex}.active-filters-summary{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:8px;justify-content:space-between;align-items:center;display:flex}.active-filters-info{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.clear-all-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border-radius:6px;transition:all .2s;display:flex}.active-filter-chips{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;flex-wrap:wrap;display:flex}.filter-categories{gap:var(--spacing-lg);flex-direction:column;display:flex}.filter-category{gap:var(--spacing-sm);flex-direction:column;display:flex}.category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.chip-group{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--spacing-xs);background:var(--color-background-secondary);border:2px solid var(--color-border-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:20px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.filter-chip:hover{border-color:var(--color-accent-primary);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.filter-chip.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb,59,130,246),.3)}.filter-chip.active:hover{background:var(--color-accent-primary);box-shadow:0 4px 16px rgba(var(--accent-rgb,59,130,246),.4);transform:translateY(-1px)}.chip-remove,.chip-check{opacity:.8;font-size:16px}.filter-chip{animation:.2s ease-out chipSlideIn}@media (max-width:768px){.filters-collapsed{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.filters-toggle-btn,.active-filters-compact{justify-content:center}.filter-chip-compact{font-size:var(--font-size-xs);padding:3px 6px}.chip-label-compact{max-width:80px}.clear-all-compact{font-size:var(--font-size-xs);padding:3px 6px}.active-filters-summary{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.active-filters-info{justify-content:center}.clear-all-btn{align-self:center}.chip-group{justify-content:center}.filter-chip{font-size:var(--font-size-xs);padding:6px 10px}}@media (max-width:480px){.filter-categories{gap:var(--spacing-md)}.category-title{font-size:var(--font-size-xs)}.filter-chip{border-radius:16px;padding:6px 8px}.chip-icon{font-size:14px}}.add-agent-modal .react-select__control{min-height:48px;font-size:var(--font-size-md);cursor:pointer;border-radius:8px;transition:all .2s}.add-agent-modal .react-select__value-container{padding:var(--spacing-sm)var(--spacing-md)}.add-agent-modal .react-select__menu{box-shadow:var(--shadow-large);z-index:1001;border-radius:8px}.add-agent-modal .react-select__option{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;border-radius:6px;margin:2px 0;transition:all .2s}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conversation-discovery-modal{background:var(--color-background-primary);width:90vw;max-width:800px;height:80vh;max-height:600px;box-shadow:var(--shadow-large);border:1px solid var(--color-border-primary);border-radius:12px;flex-direction:column;display:flex}.close-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.modal-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow:hidden;max-width:none!important}.search-filter-section{gap:var(--spacing-md);flex-direction:column;flex-shrink:0;display:flex}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-text-secondary);z-index:1;font-size:20px;position:absolute}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)48px;border:1px solid var(--color-border-primary);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-md);border-radius:8px;transition:all .2s}.search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-light);outline:none}.clear-search-btn{right:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;transition:all .2s;position:absolute}.clear-search-btn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.filter-tabs{gap:var(--spacing-xs);background:var(--color-background-secondary);padding:var(--spacing-xs);border-radius:8px;display:flex}.filter-tab{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;flex:1;min-height:40px;transition:all .2s;display:flex}.filter-tab .material-icons{font-size:18px}.filter-tab .filter-text{flex-shrink:0}.filter-tab .filter-count{font-size:var(--font-size-xs);opacity:.8;font-weight:var(--font-weight-normal)}.filter-tab:hover{color:var(--color-text-primary);background:var(--color-background-tertiary);transform:translateY(-1px)}.filter-tab.active{background:var(--color-accent-primary);color:#fff;box-shadow:var(--shadow-small)}.filter-tab.active .filter-count{opacity:.9}.mobile-filter{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.react-select-container{width:100%}.react-select__control{min-height:48px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:8px;transition:all .2s}.react-select__value-container{padding:var(--spacing-sm)var(--spacing-md)}.react-select__single-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.react-select__indicator-separator{display:none}.react-select__dropdown-indicator{padding:var(--spacing-sm)}.react-select__menu{box-shadow:var(--shadow-large);z-index:1001;border-radius:8px}.react-select__menu-list{padding:var(--spacing-xs)}.react-select__option{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:6px;margin:2px 0;transition:all .2s}@media (min-width:768px){.mobile-filter{display:none}}@media (max-width:767px){.filter-tabs{display:none}}.conversations-container{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.discoverable-conversations-list{gap:var(--spacing-md);flex-direction:column;flex:1;width:100%;display:flex;overflow-y:auto}.discoverable-conversation-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s;display:flex}.discoverable-conversation-item:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-medium)}.conversation-info{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.conversation-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.conversation-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.conversation-meta{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.conversation-type{padding:var(--spacing-xs)var(--spacing-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;border-radius:4px}.conversation-type.public{background:var(--color-success-light);color:var(--color-success)}.conversation-type.invite-only{background:var(--color-warning-light);color:var(--color-warning)}.member-count,.last-activity{align-items:center;gap:var(--spacing-xs);display:flex}.conversation-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.conversation-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:4px}.conversation-actions{flex-shrink:0;justify-content:center;align-items:center;display:flex}.conversation-actions .btn{white-space:nowrap;min-width:120px}.conversation-actions .btn.join-public{color:#fff;background:#10b981}.conversation-actions .btn.join-public:hover{background:#059669}[data-theme=dark] .conversation-actions .btn.join-public{color:#10b981;background:#10b98133;border:1px solid #10b98166}[data-theme=dark] .conversation-actions .btn.join-public:hover{color:#34d399;background:#10b9814d;border-color:#10b98199}.conversation-actions .btn.join-invite-only{color:#fff;background:#f59e0b}.conversation-actions .btn.join-invite-only:hover{background:#d97706}[data-theme=dark] .conversation-actions .btn.join-invite-only{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b66}[data-theme=dark] .conversation-actions .btn.join-invite-only:hover{color:#fbbf24;background:#f59e0b4d;border-color:#f59e0b99}.loading-state,.error-state,.no-results{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.conversation-discovery-modal{width:95vw;height:90vh;margin:var(--spacing-md)}.modal-content{padding:var(--spacing-md);gap:var(--spacing-md)}.discoverable-conversation-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.conversation-actions{flex-direction:row;justify-content:flex-end}.conversation-actions .btn{flex:none;min-width:auto}.conversation-meta{gap:var(--spacing-sm);flex-wrap:wrap}}@media (max-width:480px){.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}.filter-tabs{flex-direction:column}.filter-tab{text-align:center}}.private-join-modal{background:var(--color-background-primary);width:90vw;max-width:500px;max-height:80vh;box-shadow:var(--shadow-large);border:1px solid var(--color-border-primary);border-radius:12px;flex-direction:column;display:flex}.qr-scanner-section{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.qr-scan-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-background-secondary);border:2px dashed var(--color-border-primary);cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:12px;flex-direction:column;min-width:200px;transition:all .2s;display:flex}.qr-scan-btn:hover:not(:disabled){border-color:var(--color-accent-primary);background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.qr-scan-btn:disabled{opacity:.6;cursor:not-allowed}.qr-scan-btn.scanning{border-color:var(--color-accent-primary);background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.qr-scan-btn .material-icons{font-size:32px}.divider{margin:var(--spacing-lg)0;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border-primary);flex:1;height:1px}.divider span{padding:0 var(--spacing-md)}.invite-link-section{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.input-container{align-items:center;display:flex;position:relative}.input-icon{left:var(--spacing-md);color:var(--color-text-secondary);z-index:1;font-size:20px;position:absolute}.invite-input{width:100%;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)48px;border:1px solid var(--color-border-primary);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-md);border-radius:8px;transition:all .2s}.invite-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-light);outline:none}.invite-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.invite-input:disabled{opacity:.6;cursor:not-allowed}.clear-input-btn{right:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;transition:all .2s;position:absolute}.clear-input-btn:hover:not(:disabled){background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.clear-input-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{align-items:center;gap:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:flex}.error-message .material-icons{font-size:16px}.join-section{margin-bottom:var(--spacing-lg)}.join-conversation-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-accent-primary);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border:none;border-radius:8px;transition:all .2s;display:flex}.join-conversation-btn:hover:not(:disabled){background:var(--color-accent-primary-hover);transform:translateY(-1px)}.join-conversation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.join-conversation-btn.loading{background:var(--color-accent-primary)}.spinning{animation:1s linear infinite spin}.help-text{padding:var(--spacing-md);background:var(--color-background-secondary);border-left:4px solid var(--color-info);border-radius:8px}.help-text p{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5;display:flex}.help-text .material-icons{color:var(--color-info);flex-shrink:0;margin-top:2px;font-size:16px}@media (max-width:768px){.private-join-modal{width:95vw;margin:var(--spacing-md)}.modal-content{padding:var(--spacing-md)}.qr-scan-btn{width:100%;min-width:auto;padding:var(--spacing-lg)}.qr-scan-btn .material-icons{font-size:28px}}@media (max-width:480px){.qr-scan-btn{padding:var(--spacing-md)}.qr-scan-btn .material-icons{font-size:24px}.help-text{padding:var(--spacing-sm)}}.mention-dropdown{background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;max-height:200px;margin-bottom:var(--spacing-xs);position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.mention-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:var(--spacing-sm);transition:all .2s;display:flex}.mention-item:last-child{border-bottom:none}.mention-item:hover,.mention-item.selected{background-color:var(--color-accent-primary-light);border-left:3px solid var(--color-accent-primary)}.mention-item.mention-no-results{color:var(--color-text-tertiary);cursor:default;justify-content:center;font-style:italic}.mention-item.mention-no-results:hover{background-color:#0000;border-left:none}.mention-avatar{border-radius:var(--radius-md);background-color:var(--color-background-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.mention-info{flex:1;min-width:0}.mention-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;overflow:hidden}.mention-handle{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-status{margin-left:var(--spacing-sm);flex-shrink:0;align-items:center;gap:4px;display:flex}.status-indicator{background-color:var(--color-text-tertiary);border-radius:50%;width:8px;height:8px}.mention-status.online .status-indicator{background-color:#10b981}.mention-status.listening .status-indicator{background-color:#3b82f6}.mention-status.working .status-indicator{background-color:#f59e0b}.mention-status.idle .status-indicator{background-color:#6b7280}.mention-status.offline .status-indicator{background-color:#ef4444}.status-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:capitalize}.mention-type-badge{border-radius:var(--radius-sm);background-color:var(--color-accent-primary-light);width:20px;height:20px;color:var(--color-accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mention-type-badge .material-icons{font-size:14px}.mention-dropdown::-webkit-scrollbar{width:4px}.mention-dropdown::-webkit-scrollbar-track{background:0 0}.mention-dropdown::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:2px}.mention-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.mention-dropdown{animation:.2s ease-out mentionDropdownSlideUp}@keyframes mentionDropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mention-dropdown{max-height:150px}.mention-item{padding:var(--spacing-sm)var(--spacing-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:48px}.mention-avatar{width:28px;height:28px;font-size:18px}.status-text{display:none}.mention-item:active{background-color:var(--color-accent-primary-light);border-left:3px solid var(--color-accent-primary);transition:all .1s;transform:scale(.98)}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-background-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:400px}.modal-header{border-bottom-color:var(--color-border-tertiary);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.modal-body{margin-bottom:var(--spacing-lg)}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);display:flex}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2,.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media (max-width:480px){.modal-header{padding:var(--spacing-md)}.modal-header h2,.modal-header h3{font-size:var(--font-size-lg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.add-member-modal{background:var(--color-background-primary);border-radius:12px;width:100%;max-width:400px!important;padding:0;box-shadow:var(--shadow-large);border:1px solid var(--color-border-primary)}.add-member-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.add-member-modal .modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.add-member-modal .close-btn{background:none;border:none;padding:var(--spacing-xs);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.add-member-modal .close-btn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.add-member-modal .modal-content{padding:var(--spacing-lg)}.add-member-modal .modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.add-member-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;width:100%}.add-member-modal .btn:disabled{opacity:.6;cursor:not-allowed}.add-member-modal .btn-primary{background:#10b981;color:#fff;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.add-member-modal .btn-primary:hover:not(:disabled){background:#059669;transform:scale(1.02);box-shadow:0 4px 12px #10b98126}.add-member-modal .btn-primary:active:not(:disabled){transform:scale(.98);transition:all .1s ease}.add-member-modal .btn-primary:focus-visible{outline:2px solid #10b981;outline-offset:2px}[data-theme=dark] .add-member-modal .btn-primary{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3);box-shadow:0 1px 2px #0000001a}[data-theme=dark] .add-member-modal .btn-primary:hover:not(:disabled){background:#34d39940;border-color:#34d39980;color:#6ee7b7;box-shadow:0 4px 12px #34d3991a}[data-theme=dark] .add-member-modal .btn-primary:focus-visible{outline:2px solid rgba(52,211,153,.5);outline-offset:2px}.add-member-modal .btn .material-icons{font-size:20px}@media (max-width: 768px){.add-member-modal{max-width:90vw;margin:var(--spacing-md)}}.add-agent-modal{background:var(--color-background-primary);border-radius:16px;width:100%;max-width:1000px;height:85vh;box-sizing:border-box;max-height:800px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--color-border-primary);overflow:hidden}.add-agent-modal-content{background:var(--color-background-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;overflow-y:auto;max-height:70vh}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--spacing-lg)}.modal-header{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-background-secondary)}.modal-header h2{font-weight:var(--font-weight-bold)}.close-btn{padding:var(--spacing-sm);background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.close-btn .material-icons{font-size:24px}.modal-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:hidden;width:100%;box-sizing:border-box}.search-filter-section{display:flex;flex-direction:column;gap:var(--spacing-md);flex-shrink:0;padding:var(--spacing-lg);background:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border-primary);width:100%;box-sizing:border-box}.filters-section{display:flex;flex-direction:column}.filters-collapsed{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filters-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filters-toggle-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.filters-toggle-btn .material-icons{font-size:18px}.filters-text{display:flex;align-items:center;gap:4px}.filters-count{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.active-filters-compact{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;flex:1}.filter-chip-compact{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-accent-primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all .2s ease}.filter-chip-compact:hover{background:var(--color-accent-primary);opacity:.9;transform:translateY(-1px)}.chip-icon-compact{font-size:12px}.chip-label-compact{white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.chip-remove-compact{font-size:14px;opacity:.8}.chip-remove-compact:hover{opacity:1}.clear-all-compact{padding:4px 8px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-primary);border-radius:6px;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap}.clear-all-compact:hover{background:var(--color-background-tertiary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.filters-expanded{display:flex;flex-direction:column;gap:var(--spacing-md);animation:filtersExpand .3s ease-out}@keyframes filtersExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.filters-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary)}.filters-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filters-title .material-icons{font-size:18px}.filters-collapse-btn{padding:var(--spacing-xs);background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filters-collapse-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.filters-collapse-btn .material-icons{font-size:20px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--color-text-tertiary);font-size:20px;z-index:2}.search-input{width:100%;padding:16px 20px 16px 52px;border:2px solid var(--color-border-primary);border-radius:12px;background:var(--color-background-primary);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 59, 130, 246),.1);background:var(--color-background-primary)}.search-input:focus+.search-icon,.search-input:not(:placeholder-shown)+.search-icon{color:var(--color-accent-primary)}.search-input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.clear-search-btn{position:absolute;right:12px;padding:4px;background:transparent;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.clear-search-btn .material-icons{font-size:18px}.filter-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.agents-container{flex:1;overflow:auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.agents-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.agents-header{flex-shrink:0;padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md)}.agents-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agent-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s ease}.agent-item:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-medium)}.agent-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.agent-avatar-name{display:flex;align-items:center;gap:var(--spacing-md)}.agent-avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background-tertiary);border-radius:8px;flex-shrink:0}.agent-name-handle{display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agent-handle{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.agent-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.pricing-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.pricing-badge.free{background:var(--color-success-light);color:var(--color-success)}.pricing-badge.paid{background:var(--color-info-light);color:var(--color-info)}.subscribed-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-success);color:#fff;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.agent-description{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5}.agent-creator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.creator-label{color:var(--color-text-tertiary)}.creator-name{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.agent-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.keywords-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.keyword-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-tertiary);color:var(--color-text-secondary);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.keyword-more{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.agent-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.add-btn{padding:2px 6px;border:none;border-radius:3px;cursor:pointer;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:60px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.add-btn:focus{outline:3px solid var(--color-accent-primary);outline-offset:2px}.btn-content{display:flex;align-items:center;gap:2px;position:relative;z-index:2}.btn-text{display:flex;align-items:center;gap:2px}.btn-icon{font-size:14px;transition:transform .2s ease;line-height:1;display:flex;align-items:center;justify-content:center}.btn-emoji{font-size:12px;line-height:1}.add-btn.pressed{animation:buttonPress .15s ease-out}@keyframes buttonPress{0%{transform:translateY(0) scale(1)}50%{transform:translateY(1px) scale(.98)}to{transform:translateY(0) scale(1.02)}}.add-btn.loading .btn-icon{animation:spin 1s linear infinite}.add-btn.loading{animation:loadingPulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.8}}.add-btn.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.add-btn.error{animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.add-btn.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.add-btn.free:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #10b98166}.add-btn.free:hover .btn-icon{transform:rotate(90deg)}.add-btn.subscribed{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.add-btn.subscribed:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #3b82f666}.add-btn.subscribed:hover .btn-icon{transform:rotate(90deg)}.add-btn.subscribe{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d;position:relative}.add-btn.subscribe:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.add-btn.subscribe:hover:before{left:100%}.add-btn.subscribe:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #f59e0b66}.add-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98180}.add-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.add-btn.error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.add-btn.loading{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;cursor:not-allowed;box-shadow:0 4px 12px #6b72804d}.add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.add-btn:disabled:hover{transform:none;box-shadow:0 2px 6px #0000001a}.loading-state,.error-state,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);gap:var(--spacing-md)}.loading-state .material-icons,.error-state .material-icons,.no-results .material-icons{font-size:48px;color:var(--color-text-tertiary)}.loading-state p,.error-state p,.no-results p{margin:0;font-size:var(--font-size-md)}@media (max-width: 768px){.add-agent-modal{width:95vw;height:90vh;margin:var(--spacing-md)}.modal-content{padding:var(--spacing-md);gap:var(--spacing-md)}.agent-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.agent-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.agent-pricing{flex-direction:row;align-items:center;justify-content:flex-start}.agent-actions{flex-direction:row;justify-content:flex-end}.add-btn{min-width:auto;flex:0 0 auto}.agent-keywords{flex-wrap:wrap}}@media (max-width: 480px){.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}.agent-avatar{font-size:24px;width:40px;height:40px}.agent-name{font-size:var(--font-size-md)}.search-filter-section{gap:var(--spacing-sm)}.filter-section{gap:var(--spacing-xs)}}.filter-chips-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.active-filters-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-tertiary);border-radius:8px;border:1px solid var(--color-border-primary)}.active-filters-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.filter-count{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.result-count{color:var(--color-text-secondary)}.clear-all-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.clear-all-btn .material-icons{font-size:16px}.active-filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border-primary)}.filter-categories{display:flex;flex-direction:column;gap:var(--spacing-lg)}.filter-category{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.chip-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background:var(--color-background-secondary);border:2px solid var(--color-border-primary);border-radius:20px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-accent-primary);color:var(--color-text-primary)}.filter-chip.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb, 59, 130, 246),.3)}.filter-chip.active:hover{background:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb, 59, 130, 246),.4)}.chip-icon{font-size:16px;line-height:1}.chip-label{white-space:nowrap}.chip-remove,.chip-check{font-size:16px;opacity:.8}.filter-chip:hover .chip-remove,.filter-chip:hover .chip-check{opacity:1}.filter-chip{animation:chipSlideIn .2s ease-out}@keyframes chipSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.filters-collapsed{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filters-toggle-btn,.active-filters-compact{justify-content:center}.filter-chip-compact{font-size:var(--font-size-xs);padding:3px 6px}.chip-label-compact{max-width:80px}.clear-all-compact{font-size:var(--font-size-xs);padding:3px 6px}.active-filters-summary{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.active-filters-info{justify-content:center}.clear-all-btn{align-self:center}.chip-group{justify-content:center}.filter-chip{font-size:var(--font-size-xs);padding:6px 10px}}@media (max-width: 480px){.filter-categories{gap:var(--spacing-md)}.category-title{font-size:var(--font-size-xs)}.filter-chip{padding:6px 8px;border-radius:16px}.chip-icon{font-size:14px}}.add-agent-modal .react-select__control{min-height:48px;border-radius:8px;font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease}.add-agent-modal .react-select__value-container{padding:var(--spacing-sm) var(--spacing-md)}.add-agent-modal .react-select__multi-value{margin:2px}.add-agent-modal .react-select__multi-value__label{font-size:var(--font-size-sm);padding:2px 6px}.add-agent-modal .react-select__multi-value__remove{padding:2px 6px}.add-agent-modal .react-select__indicator-separator{display:none}.add-agent-modal .react-select__dropdown-indicator{padding:var(--spacing-sm)}.add-agent-modal .react-select__menu{border-radius:8px;box-shadow:var(--shadow-large);z-index:1001}.add-agent-modal .react-select__menu-list{padding:var(--spacing-xs)}.add-agent-modal .react-select__option{border-radius:6px;margin:2px 0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.add-agent-modal .react-select__option--is-selected{font-weight:var(--font-weight-medium)}