.str-chat{--str-chat__theme-version:2;--str-chat__primary-color:var(--mui-primary,#1976D2);--str-chat__primary-overlay-color:rgba(25,118,210,0.12);--str-chat__active-primary-color:var(--mui-primary-dark,#0D47A1);--str-chat__on-primary-color:#FFFFFF;--str-chat__background-color:var(--background,#FFFFFF);--str-chat__secondary-background-color:var(--color-neutral-50,#F8FAFC);--str-chat__surface-color:var(--color-neutral-100,#F1F5F9);--str-chat__primary-surface-color:rgba(25,118,210,0.05);--str-chat__text-color:var(--foreground,#0F172A);--str-chat__secondary-text-color:var(--color-neutral-600,#475569);--str-chat__disabled-text-color:var(--color-neutral-400,#94A3B8);--str-chat__danger-color:#D32F2F;--str-chat__warning-color:#FB8C00;--str-chat__success-color:#4CAF50;--str-chat__info-color:#0288D1;--str-chat__font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--str-chat__caption-text:400 0.75rem/1.3 var(--str-chat__font-family);--str-chat__caption-medium-text:500 0.75rem/1.3 var(--str-chat__font-family);--str-chat__caption-strong-text:600 0.75rem/1.3 var(--str-chat__font-family);--str-chat__body2-text:400 0.875rem/1.43 var(--str-chat__font-family);--str-chat__body1-text:400 1rem/1.5 var(--str-chat__font-family);--str-chat__spacing-px:1px;--str-chat__spacing-0_5:0.125rem;--str-chat__spacing-1:0.25rem;--str-chat__spacing-1_5:0.375rem;--str-chat__spacing-2:0.5rem;--str-chat__spacing-2_5:0.625rem;--str-chat__spacing-3:0.75rem;--str-chat__spacing-3_5:0.875rem;--str-chat__spacing-4:1rem;--str-chat__spacing-5:1.25rem;--str-chat__spacing-6:1.5rem;--str-chat__spacing-8:2rem;--str-chat__border-radius-xs:var(--radius-sm,4px);--str-chat__border-radius-sm:var(--radius-md,8px);--str-chat__border-radius-md:var(--radius-md,8px);--str-chat__border-radius-lg:var(--radius-lg,12px);--str-chat__border-radius-circle:999px;--str-chat__border-color:var(--color-neutral-200,#E2E8F0);--str-chat__border-color-hover:var(--color-neutral-300,#CBD5E1);--str-chat__border-color-focus:var(--mui-primary,#1976D2);--str-chat__box-shadow-1:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);--str-chat__box-shadow-2:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);--str-chat__box-shadow-3:0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);--str-chat__transition-fast:200ms cubic-bezier(0.4,0,0.2,1);--str-chat__transition-normal:300ms cubic-bezier(0.4,0,0.2,1)}.str-chat,.str-chat__channel,.str-chat__container{height:100%;display:flex;flex-direction:column;overflow:hidden}.str-chat__message-simple{font-family:var(--str-chat__font-family)}.str-chat__message-simple__content{background-color:var(--str-chat__surface-color);border:1px solid var(--str-chat__border-color);border-radius:var(--str-chat__border-radius-sm);padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4);transition:var(--str-chat__transition-fast);font:var(--str-chat__body1-text);color:var(--str-chat__text-color)}.str-chat__message-simple--me .str-chat__message-simple__content{background-color:var(--str-chat__primary-color);color:var(--str-chat__on-primary-color);border-color:var(--str-chat__primary-color)}.str-chat__message-simple__text{font:var(--str-chat__body1-text);line-height:1.5}.str-chat__message-simple--me .str-chat__message-simple__text{color:var(--str-chat__on-primary-color)}.str-chat__message-simple__name{font:var(--str-chat__caption-strong-text);color:var(--str-chat__secondary-text-color);margin-bottom:var(--str-chat__spacing-1)}.str-chat__message-simple--me .str-chat__message-simple__name{color:rgba(255,255,255,.8)}.str-chat__message-simple-timestamp{font:var(--str-chat__caption-text);margin-top:var(--str-chat__spacing-1)}.str-chat__message-simple--me .str-chat__message-simple-timestamp,.str-chat__message-simple-timestamp{color:var(--str-chat__secondary-text-color)}.str-chat__message-input{background-color:var(--str-chat__background-color);border-top:1px solid var(--str-chat__border-color);padding:var(--str-chat__spacing-4)}.str-chat__message-input-wrapper{background-color:var(--str-chat__surface-color);border:1px solid var(--str-chat__border-color);border-radius:var(--str-chat__border-radius-sm);transition:var(--str-chat__transition-fast);min-height:56px;display:flex;align-items:flex-start}.str-chat__message-input-wrapper:focus-within{border-color:var(--str-chat__border-color-focus);box-shadow:0 0 0 2px rgba(25,118,210,.12)}.str-chat__message-textarea{font-family:var(--str-chat__font-family)!important;font-size:1rem!important;line-height:1.5!important;color:var(--str-chat__text-color)!important;padding:var(--str-chat__spacing-4)!important;border:2px solid var(--str-chat__primary-color)!important;background-color:#FFFFFF!important;border-radius:var(--str-chat__border-radius-sm)!important;resize:none!important;width:100%!important;min-height:56px!important;box-sizing:border-box!important;outline:none!important}.str-chat__message-textarea::placeholder{color:var(--str-chat__secondary-text-color)!important}.str-chat__send-button{background-color:var(--str-chat__primary-color);border:none;border-radius:var(--str-chat__border-radius-sm);padding:var(--str-chat__spacing-2);margin-left:var(--str-chat__spacing-2);transition:var(--str-chat__transition-fast);cursor:pointer}.str-chat__send-button:hover{background-color:var(--str-chat__active-primary-color)}.str-chat__send-button:disabled{background-color:var(--str-chat__disabled-text-color);cursor:not-allowed}.str-chat__channel-header{background-color:var(--str-chat__background-color);border-bottom:1px solid var(--str-chat__border-color);padding:var(--str-chat__spacing-4) var(--str-chat__spacing-6)}.str-chat__channel-header__title{font:600 1.25rem/1.2 var(--str-chat__font-family);color:var(--str-chat__text-color);margin:0}.str-chat__channel-header__subtitle{font:var(--str-chat__caption-text);color:var(--str-chat__secondary-text-color);margin-top:var(--str-chat__spacing-0_5)}.str-chat__avatar{border-radius:var(--str-chat__border-radius-circle);background-color:var(--str-chat__primary-color);color:var(--str-chat__on-primary-color);border:none;font:var(--str-chat__caption-strong-text)}.str-chat__avatar-online-indicator{background-color:var(--str-chat__success-color);border:2px solid var(--str-chat__background-color);border-radius:var(--str-chat__border-radius-circle)}.str-chat__message-list{background-color:var(--str-chat__background-color);padding:var(--str-chat__spacing-4);flex:1;overflow:hidden}.str-chat__message-list-scroll{scrollbar-width:thin;scrollbar-color:var(--str-chat__border-color) transparent;height:100%;overflow-y:auto}.str-chat__message-list-scroll::-webkit-scrollbar{width:6px}.str-chat__message-list-scroll::-webkit-scrollbar-track{background:transparent}.str-chat__message-list-scroll::-webkit-scrollbar-thumb{background-color:var(--str-chat__border-color);border-radius:3px}.str-chat__message-list-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--str-chat__border-color-hover)}.str-chat__message-actions{background-color:var(--str-chat__surface-color);border:1px solid var(--str-chat__border-color);border-radius:var(--str-chat__border-radius-sm);padding:var(--str-chat__spacing-1)}.str-chat__message-actions-button{background:transparent;border:none;border-radius:var(--str-chat__border-radius-xs);padding:var(--str-chat__spacing-2);transition:var(--str-chat__transition-fast);color:var(--str-chat__secondary-text-color)}.str-chat__message-actions-button:hover{background-color:rgba(25,118,210,.08);color:var(--str-chat__text-color)}@media (max-width:767.95px){.str-chat{height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}.str-chat__message-input{padding:var(--str-chat__spacing-3);position:sticky;bottom:0;background-color:var(--str-chat__background-color);z-index:10}.str-chat__message-simple__content{padding:var(--str-chat__spacing-2_5) var(--str-chat__spacing-3)}.str-chat__channel-header{padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4)}.str-chat__channel-header__title{font-size:1.125rem}.str-chat__message-list{padding:var(--str-chat__spacing-3);padding-bottom:calc(var(--str-chat__spacing-3) + 80px)}.str-chat__message-textarea{min-height:44px!important;font-size:16px!important}.str-chat__send-button{min-width:44px;min-height:44px;padding:var(--str-chat__spacing-2_5)}}@media (min-width:768px) and (max-width:899.95px){.str-chat__message-simple__content{padding:var(--str-chat__spacing-3) var(--str-chat__spacing-4)}}@media (min-width:900px){.str-chat__message-input{padding:var(--str-chat__spacing-5) var(--str-chat__spacing-6)}.str-chat__channel-header{padding:var(--str-chat__spacing-4) var(--str-chat__spacing-6)}}@media (prefers-color-scheme:dark){.str-chat{--str-chat__background-color:var(--background,#0F172A);--str-chat__secondary-background-color:var(--color-neutral-900,#0F172A);--str-chat__surface-color:var(--color-neutral-800,#1E293B);--str-chat__text-color:var(--foreground,#F8FAFC);--str-chat__secondary-text-color:var(--color-neutral-400,#94A3B8);--str-chat__border-color:var(--color-neutral-700,#334155);--str-chat__border-color-hover:var(--color-neutral-600,#475569)}}.dark .str-chat{--str-chat__background-color:var(--background,#0F172A);--str-chat__secondary-background-color:var(--color-neutral-900,#0F172A);--str-chat__surface-color:var(--color-neutral-800,#1E293B);--str-chat__text-color:var(--foreground,#F8FAFC);--str-chat__secondary-text-color:var(--color-neutral-400,#94A3B8);--str-chat__border-color:var(--color-neutral-700,#334155);--str-chat__border-color-hover:var(--color-neutral-600,#475569)}@media (prefers-color-scheme:dark){.str-chat__message-textarea{background-color:var(--color-neutral-800,#1E293B)!important}}.dark .str-chat__message-textarea{background-color:var(--color-neutral-800,#1E293B)!important}@supports (height:100dvh){@media (max-width:767.95px){.str-chat{height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}}}@supports (-webkit-touch-callout:none){@media (max-width:767.95px){.str-chat{height:-webkit-fill-available;height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}.str-chat__message-input{position:sticky;bottom:0;background-color:var(--str-chat__background-color);border-top:1px solid var(--str-chat__border-color);z-index:100;margin-bottom:env(safe-area-inset-bottom,0)}.str-chat__message-list{padding-bottom:calc(var(--str-chat__spacing-3) + 80px + env(safe-area-inset-bottom, 0px))}}}.str-chat__message-actions-button:focus,.str-chat__send-button:focus{outline:2px solid var(--str-chat__primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.str-chat *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-admin-message=true] .str-chat__message-simple__name:after{content:" • Admin";color:var(--str-chat__info-color);font:var(--str-chat__caption-strong-text);text-transform:none;display:inline-flex;align-items:center;background-color:rgba(2,136,209,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);border-radius:var(--str-chat__border-radius-xs);margin-left:var(--str-chat__spacing-2);line-height:1.2}[data-admin-message=true] .str-chat__message-simple{position:relative}[data-system-message=true] .str-chat__message-simple__name{color:var(--str-chat__secondary-text-color);font:var(--str-chat__caption-strong-text)}[data-admin-message=true] .str-chat__message-simple--mine .str-chat__message-simple__name:after,[data-admin-message=true] .str-chat__message-simple--other .str-chat__message-simple__name:after{content:" • Admin";color:var(--str-chat__info-color);font:var(--str-chat__caption-strong-text);text-transform:none;display:inline-flex;align-items:center;background-color:rgba(2,136,209,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);border-radius:var(--str-chat__border-radius-xs);margin-left:var(--str-chat__spacing-2);line-height:1.2}[data-admin-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before{content:"Admin • ";color:var(--str-chat__info-color);font:var(--str-chat__caption-strong-text);background-color:rgba(2,136,209,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-1_5);border-radius:var(--str-chat__border-radius-xs);margin-right:var(--str-chat__spacing-2);display:inline-flex;align-items:center;line-height:1.2}[data-cleaner-message=true] .str-chat__message-simple--mine .str-chat__message-simple__name:after,[data-cleaner-message=true] .str-chat__message-simple--other .str-chat__message-simple__name:after,[data-cleaner-message=true] .str-chat__message-simple__name:after{content:" • Cleaner";color:var(--str-chat__success-color);font:var(--str-chat__caption-strong-text);text-transform:none;display:inline-flex;align-items:center;background-color:rgba(76,175,80,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);border-radius:var(--str-chat__border-radius-xs);margin-left:var(--str-chat__spacing-2);line-height:1.2}[data-cleaner-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before{content:"Cleaner • ";color:var(--str-chat__success-color);font:var(--str-chat__caption-strong-text);background-color:rgba(76,175,80,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-1_5);border-radius:var(--str-chat__border-radius-xs);margin-right:var(--str-chat__spacing-2);display:inline-flex;align-items:center;line-height:1.2}[data-customer-message=true] .str-chat__message-simple--mine .str-chat__message-simple__name:after,[data-customer-message=true] .str-chat__message-simple--other .str-chat__message-simple__name:after,[data-customer-message=true] .str-chat__message-simple__name:after{content:" • Customer";color:var(--str-chat__primary-color);font:var(--str-chat__caption-strong-text);text-transform:none;display:inline-flex;align-items:center;background-color:rgba(25,118,210,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);border-radius:var(--str-chat__border-radius-xs);margin-left:var(--str-chat__spacing-2);line-height:1.2}[data-customer-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before{content:"Customer • ";color:var(--str-chat__primary-color);font:var(--str-chat__caption-strong-text);background-color:rgba(25,118,210,.08);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-1_5);border-radius:var(--str-chat__border-radius-xs);margin-right:var(--str-chat__spacing-2);display:inline-flex;align-items:center;line-height:1.2}@media (max-width:900px){[data-admin-message=true] .str-chat__message-simple__name:after,[data-cleaner-message=true] .str-chat__message-simple__name:after,[data-customer-message=true] .str-chat__message-simple__name:after{font:var(--str-chat__caption-text);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-1_5);margin-left:var(--str-chat__spacing-1_5)}[data-admin-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before,[data-cleaner-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before,[data-customer-message=true] .str-chat__message-simple:not(:has(.str-chat__message-simple__name)) .str-chat__message-simple-timestamp:before{font:var(--str-chat__caption-text);padding:var(--str-chat__spacing-0_5) var(--str-chat__spacing-1);margin-right:var(--str-chat__spacing-1_5)}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--mui-primary:#1976D2;--mui-primary-light:#42A5F5;--mui-primary-dark:#0D47A1;--color-neutral-50:#F8FAFC;--color-neutral-100:#F1F5F9;--color-neutral-200:#E2E8F0;--color-neutral-300:#CBD5E1;--color-neutral-400:#94A3B8;--color-neutral-500:#64748B;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1E293B;--color-neutral-900:#0F172A;--background:#FAFBFC;--background-paper:#FFFFFF;--foreground:rgba(0,0,0,0.87);--foreground-secondary:rgba(0,0,0,0.6);--spacing-unit:8px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:200ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--animation-pulse:2000ms;--animation-spin:1000ms;--animation-fadein:300ms;--animation-slidein:300ms;--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.05);--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}@media (prefers-color-scheme:dark){:root{--mui-primary:#42A5F5;--mui-primary-light:#64B5F6;--mui-primary-dark:#1E88E5;--background:#0A0E1A;--background-paper:#131823;--foreground:#FFFFFF;--foreground-secondary:#B0BEC5;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.15);--shadow-lg:0 10px 15px rgba(0,0,0,0.4),0 4px 6px rgba(0,0,0,0.25)}}.dark{--mui-primary:#42A5F5;--mui-primary-light:#64B5F6;--mui-primary-dark:#1E88E5;--background:#0A0E1A;--background-paper:#131823;--foreground:#FFFFFF;--foreground-secondary:#B0BEC5}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3}code,pre{font-family:JetBrains Mono,monospace}:focus-visible{outline:3px solid var(--mui-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--mui-primary);color:white}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-md);border:2px solid var(--color-neutral-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:var(--color-neutral-800)}::-webkit-scrollbar-thumb{background:var(--color-neutral-600);border-color:var(--color-neutral-800)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn var(--animation-fadein) ease-out}.animate-pulse{animation:pulse var(--animation-pulse) cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin var(--animation-spin) linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}