:root{--light-text:#1a2634;--light-text-secondary:#4a5568;--light-background:#f5f8fa;--light-foreground:#fff;--light-foreground-accent:#eef2f6;--light-primary:#3b8de4;--light-secondary:#f39342;--light-accent:#6baaed;--light-accent-secondary:#d2dae1;--light-text-light:#4a6785;--light-text-lighter:#7291b3;--dark-text:#fff;--dark-text-secondary:#e6e9ec;--dark-text-area:#3d5d82;--dark-text-hover:#34526f;--dark-dropdowns:#3d5d82;--dark-background:#1a324d;--dark-foreground:#2d4661;--dark-foreground-accent:#456485;--dark-primary:#3b8de4;--dark-divider:#385778;--dark-secondary:#f39342;--dark-secondary-accent:#f4aa6c;--dark-accent:#6baaed;--dark-text-light:#ccd9e6;--dark-text-lighter:#9db5cc;--message-contact:#4ed672;--message-user:#3b8de4;--light-border:#dde5ed;--dark-border:#3f6083;--light-focus-ring:#3b8de480;--dark-focus-ring:#3b8de480;--success:#4ed672;--warning:#f3d942;--error:#e65a5a;--success-content:#0a3517;--warning-content:#332d09;--error-content:#fff;--shadow-sm-light:0 1px 2px 0 #0000000d;--shadow-md-light:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg-light:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl-light:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-sm-dark:0 1px 2px 0 #0006;--shadow-md-dark:0 4px 6px -1px #00000073,0 2px 4px -1px #0006;--shadow-lg-dark:0 10px 15px -3px #00000073,0 4px 6px -2px #0006;--shadow-xl-dark:0 20px 25px -5px #00000073,0 10px 10px -5px #00000061;--font-family-base:"Roboto",sans-serif;--border-radius-base:0.5rem;--transition-duration:0.3s;--transition-ease:ease;--sidebar-width:42px;--sidebar-width-expanded:220px;--sidebar-transition:width 0.3s ease,padding 0.3s ease;--header-height:32px;--light-texture:hsla(0,22%,90%,.199);--dark-texture:#0000001a;--form-highlight-light:#f0f7ff;--form-highlight-dark:#1e3a5a;--form-section-hover-light:#f8fafc;--form-section-hover-dark:#2d4661;--form-input-focus-ring:#3b8de426;--form-required-light:#e65a5a;--form-required-dark:#ff7b7b;--form-label-light:#4a6785;--form-label-dark:#9db5cc;--form-placeholder-light:#94a3b8;--form-placeholder-dark:#64748b;--form-button-hover-light:#2d80e0;--form-button-hover-dark:#5299e9;--form-button-active-light:#1c69c9;--form-button-active-dark:#3b8de4;--switch-hover-opacity:0.08;--card-header-padding:12px;--section-spacing:18px;--animation-duration-fast:150ms;--animation-duration-normal:300ms;--animation-duration-slow:450ms;--animation-easing:cubic-bezier(0.4,0,0.2,1);--heading-font-weight:600;--heading-font-size:1rem;--light-primary-rgb:59,141,228;--dark-primary-rgb:59,141,228;--light-purple:#9b6bec;--light-purple-accent:#b18ef2;--dark-purple:#8656d6;--dark-purple-accent:#9b6bec;--light-teal:#3ecfb2;--light-teal-accent:#6bdcc6;--dark-teal:#2fb699;--dark-teal-accent:#3ecfb2;--light-coral:#ff7676;--light-coral-accent:#ff9494;--dark-coral:#e65a5a;--dark-coral-accent:#ff7676;--light-sage:#98b4a6;--light-sage-accent:#b3c9be;--dark-sage:#7a9e89;--dark-sage-accent:#98b4a6;--success-light:#4ed672;--success-dark:#3bb85d;--warning-light:#f3d942;--warning-dark:#d9c130;--info-light:#42bff3;--info-dark:#30a9d9}body{background-color:var(--light-background);color:var(--light-text);font-family:var(--font-family-base);overflow-x:hidden;padding:0;transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}body.dark-mode{background-color:var(--dark-background);color:var(--dark-text)}.app-layout{display:flex}.call-list-container,.client-dropdown,.message-list-container,.transcription-container,.transcription-output,.transcription-processtext-container,.transcription-textarea{scrollbar-color:var(--light-primary) var(--light-background);scrollbar-width:thin}.call-list-container::-webkit-scrollbar,.client-dropdown::-webkit-scrollbar,.message-list-container::-webkit-scrollbar{width:8px}.call-list-container::-webkit-scrollbar-track,.client-dropdown::-webkit-scrollbar-track,.message-list-container::-webkit-scrollbar-track{background:var(--light-background);border-radius:4px}.call-list-container::-webkit-scrollbar-thumb,.client-dropdown::-webkit-scrollbar-thumb,.message-list-container::-webkit-scrollbar-thumb{background-color:var(--light-primary);border:2px solid var(--light-background);border-radius:4px}.call-list-container::-webkit-scrollbar-thumb:hover,.client-dropdown::-webkit-scrollbar-thumb:hover,.message-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--light-accent)}body.dark-mode .call-list-container,body.dark-mode .client-dropdown,body.dark-mode .message-list-container{scrollbar-color:var(--dark-foreground) var(--dark-background)}body.dark-mode .call-list-container::-webkit-scrollbar-track,body.dark-mode .client-dropdown::-webkit-scrollbar-track,body.dark-mode .message-list-container::-webkit-scrollbar-track{background:var(--dark-background)}body.dark-mode .call-list-container::-webkit-scrollbar-thumb,body.dark-mode .client-dropdown::-webkit-scrollbar-thumb,body.dark-mode .message-list-container::-webkit-scrollbar-thumb{background-color:var(--dark-accent);border:2px solid var(--dark-background)}.react-datepicker{background-color:var(--light-foreground);border:1px solid var(--border);border-radius:4px;font-family:var(--font-family-base);font-size:.875rem;width:320px}.react-datepicker__header{background-color:var(--background);border-bottom:1px solid var(--light-border)}.react-datepicker__month-container{float:none;width:100%}.react-datepicker__month{align-items:center;display:flex;flex-direction:column;margin:.8rem}.react-datepicker__day-names,.react-datepicker__month-container .react-datepicker__week{display:flex;justify-content:space-between;width:100%}.react-datepicker__day,.react-datepicker__day-name{align-items:center;display:flex;flex:1 1;height:2.5rem;justify-content:center;line-height:2.5rem;margin:0;width:2.5rem}.react-datepicker__current-month{font-size:.875rem;padding:.5rem 0}.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name{color:var(--light-text)}.react-datepicker__day:hover{background-color:var(--background)}.react-datepicker__day--selected{background-color:var(--primary);color:var(--light-text)}.react-datepicker__day--disabled{color:var(--copy-lighter)}body.dark-mode .react-datepicker{background-color:var(--dark-dropdowns);border-color:var(--dark-border)}body.dark-mode .react-datepicker__header{background-color:var(--dark-accent);border-bottom-color:var(--dark-border)}body.dark-mode .react-datepicker__current-month,body.dark-mode .react-datepicker__day,body.dark-mode .react-datepicker__day-name{color:var(--dark-text)}body.dark-mode .react-datepicker__day:hover{background-color:var(--dark-accent)}body.dark-mode .react-datepicker__day--disabled{color:var(--dark-text)}body.dark-mode .react-datepicker__navigation-icon:before{border-color:var(--dark-text)}body.dark-mode .react-datepicker__month-read-view--down-arrow,body.dark-mode .react-datepicker__month-year-read-view--down-arrow,body.dark-mode .react-datepicker__year-read-view--down-arrow{border-top-color:var(--dark-text)}body.dark-mode .react-datepicker__input-container input{background-color:var(--dark-text-area);border-color:var(--dark-border);color:var(--dark-text)}.react-datepicker__day--today{font-weight:700}body.dark-mode .react-datepicker__day--today{color:var(--dark-foreground)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-popIn{animation:popIn .3s var(--animation-easing)}.pac-container{background-color:var(--light-foreground)!important;border:1px solid var(--light-border)!important;border-radius:8px!important;box-shadow:var(--shadow-lg-light)!important;font-family:var(--font-family-base)!important;margin-top:4px!important;z-index:9999!important}[data-mui-color-scheme=dark] .pac-container,body.dark-mode .pac-container,html[data-mui-color-scheme=dark] .pac-container{background-color:var(--dark-foreground)!important;border-color:var(--dark-border)!important;box-shadow:var(--shadow-lg-dark)!important}.pac-item{border-top:1px solid var(--light-border)!important;color:var(--light-text)!important;cursor:pointer!important;font-size:14px!important;padding:10px 14px!important;transition:background-color .2s ease!important}[data-mui-color-scheme=dark] .pac-item,body.dark-mode .pac-item,html[data-mui-color-scheme=dark] .pac-item{border-top-color:var(--dark-border)!important;color:var(--dark-text)!important}.pac-item:first-child{border-top:none!important}.pac-item.pac-item-selected,.pac-item:hover{background-color:var(--light-foreground-accent)!important}[data-mui-color-scheme=dark] .pac-item.pac-item-selected,[data-mui-color-scheme=dark] .pac-item:hover,body.dark-mode .pac-item.pac-item-selected,body.dark-mode .pac-item:hover,html[data-mui-color-scheme=dark] .pac-item.pac-item-selected,html[data-mui-color-scheme=dark] .pac-item:hover{background-color:var(--dark-foreground-accent)!important}.pac-item-query{color:var(--light-text)!important;font-size:14px!important;font-weight:500!important}[data-mui-color-scheme=dark] .pac-item-query,body.dark-mode .pac-item-query,html[data-mui-color-scheme=dark] .pac-item-query{color:var(--dark-text)!important}.pac-matched{color:var(--light-primary)!important;font-weight:700!important}[data-mui-color-scheme=dark] .pac-matched,body.dark-mode .pac-matched,html[data-mui-color-scheme=dark] .pac-matched{color:var(--dark-primary)!important}.pac-icon{margin-right:8px!important}.pac-logo:after{margin:8px!important}body:not(.dark-mode) .MuiInputBase-input,body:not(.dark-mode) .MuiInputBase-root .MuiInputBase-input,body:not(.dark-mode) .MuiOutlinedInput-input,body:not(.dark-mode) .MuiOutlinedInput-root .MuiOutlinedInput-input,body:not(.dark-mode) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input,html:not([data-mui-color-scheme=dark]) .MuiInputBase-input,html:not([data-mui-color-scheme=dark]) .MuiInputBase-root .MuiInputBase-input,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-input,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-root .MuiOutlinedInput-input,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{-webkit-text-fill-color:var(--light-text)!important;caret-color:var(--light-text)!important;color:var(--light-text)!important}body:not(.dark-mode) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,body:not(.dark-mode) .MuiOutlinedInput-root.Mui-focused fieldset,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--light-border)!important}body:not(.dark-mode) .MuiInputLabel-root.Mui-focused,html:not([data-mui-color-scheme=dark]) .MuiInputLabel-root.Mui-focused{color:var(--light-text-light)!important}body:not(.dark-mode) .MuiOutlinedInput-root,html:not([data-mui-color-scheme=dark]) .MuiOutlinedInput-root{color:var(--light-text)!important}body.dark-mode .MuiInputBase-input,body.dark-mode .MuiInputBase-root .MuiInputBase-input,body.dark-mode .MuiOutlinedInput-input,body.dark-mode .MuiOutlinedInput-root .MuiOutlinedInput-input,body.dark-mode .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input,html[data-mui-color-scheme=dark] .MuiInputBase-input,html[data-mui-color-scheme=dark] .MuiInputBase-root .MuiInputBase-input,html[data-mui-color-scheme=dark] .MuiOutlinedInput-input,html[data-mui-color-scheme=dark] .MuiOutlinedInput-root .MuiOutlinedInput-input,html[data-mui-color-scheme=dark] .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input{-webkit-text-fill-color:var(--dark-text)!important;caret-color:var(--dark-text)!important;color:var(--dark-text)!important}body.dark-mode .MuiOutlinedInput-root.Mui-focused fieldset,html[data-mui-color-scheme=dark] .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--dark-primary)!important}body.dark-mode .MuiInputLabel-root.Mui-focused,html[data-mui-color-scheme=dark] .MuiInputLabel-root.Mui-focused{color:var(--dark-primary)!important}body.dark-mode .MuiTypography-body2,body.dark-mode .MuiTypography-colorTextSecondary,html[data-mui-color-scheme=dark] .MuiTypography-body2,html[data-mui-color-scheme=dark] .MuiTypography-colorTextSecondary{color:var(--dark-text-secondary)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}