@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");:root{--light-text:#1a2634;--light-text-secondary:#2d3846;--light-background:#f5f8fa;--light-foreground:#ffffff;--light-foreground-accent:#eef2f6;--light-primary:#3b8de4;--light-secondary:#f39342;--light-accent:#6baaed;--light-text-light:#4a6785;--light-text-lighter:#7291b3;--dark-text:#ffffff;--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:rgba(59,141,228,0.5);--dark-focus-ring:rgba(59,141,228,0.5);--success:#4ed672;--warning:#f3d942;--error:#e65a5a;--success-content:#0a3517;--warning-content:#332d09;--error-content:#ffffff;--shadow-sm-light:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md-light:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg-light:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-xl-light:0 20px 25px -5px rgba(0,0,0,0.08),0 10px 10px -5px rgba(0,0,0,0.03);--shadow-sm-dark:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md-dark:0 4px 6px -1px rgba(0,0,0,0.45),0 2px 4px -1px rgba(0,0,0,0.4);--shadow-lg-dark:0 10px 15px -3px rgba(0,0,0,0.45),0 4px 6px -2px rgba(0,0,0,0.4);--shadow-xl-dark:0 20px 25px -5px rgba(0,0,0,0.45),0 10px 10px -5px rgba(0,0,0,0.38);--font-family-base:"Roboto",sans-serif;--border-radius-base:0.5rem;--transition-duration:0.3s;--transition-ease:ease;--sidebar-width:55px;--header-height:40px;--light-texture:rgba(236,225,225,0.199);--dark-texture:rgba(0,0,0,0.1);--form-highlight-light:#f0f7ff;--form-highlight-dark:#1e3a5a;--form-section-hover-light:#f8fafc;--form-section-hover-dark:#2d4661;--form-input-focus-ring:rgba(59,141,228,0.15);--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:16px;--section-spacing:24px;--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:1.25rem;--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}html{background-color:var(--dark-foreground)}body{font-family:var(--font-family-base);background-color:var(--light-background);color:var(--light-text);margin:0;padding:0;overflow-x:hidden;transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease)}body.dark-mode{color:var(--dark-text)}body.dark-mode,html.dark-mode,html.dark-mode body,html[data-mui-color-scheme=dark],html[data-mui-color-scheme=dark] body{background-color:var(--dark-foreground)}.app-layout{display:flex}.call-list-container,.client-dropdown,.message-list-container,.transcription-container,.transcription-output,.transcription-processtext-container,.transcription-textarea{scrollbar-width:thin;scrollbar-color:var(--light-primary) var(--light-background)}.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-radius:4px;border:2px solid var(--light-background)}.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)}.header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:var(--light-foreground);box-shadow:var(--shadow-sm-light);border-radius:4px;height:var(--header-height)}body.dark-mode .header{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}.header h1{font-size:16px;font-weight:700;margin:0}.nav-right{display:flex;align-items:center;gap:5px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--light-background);transition:.4s;border-radius:20px}.slider:before{content:"";background-color:var(--light-background);transition:.4s;border-radius:50%}.slider .icon,.slider:before{position:absolute;height:16px;width:16px;left:2px;bottom:2px}.slider .icon{display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .4s}input:checked+.slider{background-color:var(--light-accent)}input:checked+.slider .icon,input:checked+.slider:before{transform:translateX(20px)}.btn,button{padding:0 16px;transition:background-color var(--transition-duration) var(--transition-ease),color var(--transition-duration) var(--transition-ease);line-height:18px;display:flex;justify-content:center;align-items:center;height:24px;margin:0 5px;vertical-align:middle;white-space:nowrap;min-width:90px}.btn-secondary{color:var(--secondary-content)}.btn-primary{color:var(--primary-content)}.btn-primary:hover,button:hover{background-color:var(--dark-primary)}.btn-secondary:hover{background-color:var(--dark-secondary)}body.dark-mode .btn-primary,body.dark-mode .btn-primary:hover{background-color:var(--dark-accent)}body.dark-mode .btn-secondary:hover{background-color:var(--dark-primary)}.sidebar{background-color:var(--light-secondary);height:100vh;width:var(--sidebar-width);position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;padding-top:20px;box-shadow:var(--shadow-sm-light);transition:background-color var(--transition-duration) var(--transition-ease);z-index:1000;overflow:visible}.relative{position:relative}body.dark-mode .sidebar{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}.logo{width:48px;height:48px;margin-bottom:40px}.sidebar a{margin-bottom:20px;color:var(--light-text);font-size:24px;transition:color var(--transition-duration) var(--transition-ease)}.sidebar a.active,.sidebar a:hover{color:var(--light-primary)}body.dark-mode .sidebar a{color:var(--dark-text)}body.dark-mode .sidebar a.active,body.dark-mode .sidebar a:hover{color:var(--dark-primary)}.tooltip-wrapper{position:relative;width:100%;display:flex;justify-content:center;isolation:isolate}.tooltip{position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);background-color:var(--light-secondary);padding:8px 12px;border-radius:6px;box-shadow:var(--shadow-sm-light);z-index:1050;min-width:200px;white-space:nowrap;pointer-events:auto}body.dark-mode .tooltip{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}.tooltip-title{font-size:14px;font-weight:600;color:var(--light-text);border-bottom:1px solid var(--light-border)!important;margin:0 -12px 8px;padding:0 12px 8px}.tooltip:before{content:"";position:absolute;top:0;left:-10px;width:20px;height:100%;background:transparent}.tooltip-links{display:flex;flex-direction:column}.tooltip-link{color:var(--light-text);font-size:12px!important;text-decoration:none;transition:color var(--transition-duration) var(--transition-ease)}.tooltip-link:hover{color:var(--light-primary);z-index:1000}body.dark-mode .tooltip-title{color:var(--dark-text);border-bottom-color:var(--dark-foreground-accent)!important}body.dark-mode .tooltip-link{color:var(--dark-text)}body.dark-mode .tooltip-link:hover{color:var(--dark-primary)}.main-content{flex-grow:1;padding:20px;margin-left:var(--sidebar-width)}.client-sales-tools-container{display:flex;flex-direction:column;gap:10px}.card{background-color:var(--light-foreground);border-radius:8px;padding:10px;box-shadow:var(--shadow-sm-light)}.top-section{display:flex;gap:10px;margin:10px 0}.contacts-section,.custom-fields-section,.messages-section,.profile-section,.transcription-section{flex:1 1}.card input[type=text],.card textarea{background-color:var(--light-background);border:1px solid var(--light-border);border-radius:8px;padding:8px;width:98%;color:var(--light-text)}.card input[type=text]:focus,.card textarea:focus{outline:none;border-color:var(--light-accent)}.card h2{margin-top:0;margin-bottom:1rem}.card,.card h2,.card input,.card textarea{color:var(--light-text)}.no-contact-selected{color:var(--light-text-light);font-style:italic}.btn,button{padding:1px 8px;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:14px;text-align:center;display:inline-flex;transition:background-color .3s ease,color .3s ease;margin:5px}.btn-primary{background-color:var(--light-primary);color:white}.btn-secondary{background-color:var(--light-secondary);color:white}.btn-primary:hover{background-color:var(--light-accent)}.btn-secondary:hover{background-color:var(--dark-secondary-accent)}.top-section-card{background-color:var(--light-accent);border-radius:8px;box-shadow:var(--shadow-sm-light);padding:20px;flex:1 1;border:1px solid var(--light-border)}.card-title{font-size:18px;font-weight:500}.card-title,button{margin-bottom:10px;color:var(--light-text)}button{background-color:var(--light-primary);border:none;border-radius:4px;padding:12px 20px;font-size:16px;cursor:pointer;transition:background-color .3s,color .3s}button:focus{outline:none;box-shadow:0 0 0 3px var(--light-focus-ring)}body.dark-mode .card{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}body.dark-mode .card input[type=text],body.dark-mode .card textarea{background-color:var(--dark-text-area);border-color:var(--dark-border);color:var(--dark-text)}body.dark-mode .card input[type=text]:focus,body.dark-mode .card textarea:focus{border-color:var(--dark-accent)}body.dark-mode .card,body.dark-mode .card h2,body.dark-mode .card input,body.dark-mode .card textarea{color:var(--dark-text)}body.dark-mode .no-contact-selected{color:var(--dark-text-light)}body.dark-mode .card .btn{background-color:var(--dark-accent);color:var(--dark-text)}body.dark-mode .btn-secondary{background-color:var(--dark-secondary)}body.dark-mode .card .btn:hover{background-color:var(--dark-primary)}body.dark-mode .card .btn-secondary{background-color:var(--dark-secondary)}body.dark-mode .card .btn-secondary:hover{background-color:var(--dark-secondary-accent)}body.dark-mode .top-section-card{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark);border-color:var(--dark-border)}body.dark-mode .card-title{color:var(--dark-text)}body.dark-mode input[type=date],body.dark-mode input[type=text]{border-color:var(--dark-border);background-color:var(--dark-text-area);color:var(--dark-text)}body.dark-mode input[type=date]:focus,body.dark-mode input[type=text]:focus{border-color:var(--dark-accent);box-shadow:0 0 0 3px var(--dark-focus-ring)}body.dark-mode button{background-color:var(--dark-accent);color:var(--dark-text)}body.dark-mode button:focus{box-shadow:0 0 0 3px var(--dark-focus-ring)}.datepicker-section,.search-section{background-color:var(--light-foreground);border-radius:8px;padding:15px;box-shadow:var(--shadow-sm-light)}.search-section{flex:3 1}.datepicker-section{flex:1 1;min-width:200px}body.dark-mode .datepicker-section,body.dark-mode .search-section{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}.search-clients-container{position:relative;width:100%}.date-input input,.search-input input{width:98%;padding:10px;background-color:var(--light-background);border:1px solid var(--light-border);border-radius:4px;color:var(--copy)}.search-input input::placeholder{color:var(--copy-lighter)}.client-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--light-foreground);border-top:none;border-radius:0 0 4px 4px;box-shadow:var(--shadow-md-light);max-height:300px;overflow-y:auto;z-index:1000}.client-list-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .3s ease}.client-list-item:hover{background-color:var(--background)}.client-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary);color:var(--primary-content);display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.client-info{flex-grow:1}.client-name{font-weight:700;color:var(--light-text)}.client-email,.client-phone{font-size:.9em;color:var(--light-text-secondary)}.error-message,.loading-message,.no-results{padding:8px 12px;color:var(--copy-light)}.error-message{color:var(--error)}body.dark-mode .client-dropdown{background-color:var(--dark-dropdowns);border-color:var(--dark-border);box-shadow:var(--shadow-md-dark)}body.dark-mode .client-list-item:hover{background-color:var(--dark-accent)}body.dark-mode .client-name{color:var(--dark-text)}body.dark-mode .client-email,body.dark-mode .client-phone{color:var(--dark-text-secondary)}body.dark-mode .loading-message,body.dark-mode .no-results{color:var(--dark-copy-light)}.client-name.fallback{font-style:italic;color:var(--copy-lighter)}body.dark-mode .client-name.fallback{color:var(--dark-copy-lighter)}.react-datepicker{font-family:var(--font-family-base);border-radius:4px;border:1px solid var(--border);background-color:var(--light-foreground);font-size:1rem;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{margin:.8rem;display:flex;flex-direction:column;align-items:center}.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{width:2.5rem;height:2.5rem;line-height:2.5rem;margin:0;display:flex;justify-content:center;align-items:center;flex:1 1}.react-datepicker__current-month{font-size:1.2rem;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);color:var(--dark-text);border-color:var(--dark-border)}.react-datepicker__day--today{font-weight:700}body.dark-mode .react-datepicker__day--today{color:var(--dark-foreground)}.bottom-section{display:flex;gap:10px;height:calc(100vh - 200px)}.contacts-section,.messages-section{flex:1 1;background-color:var(--light-foreground);border-radius:8px;padding:20px;box-shadow:var(--shadow-sm-light);display:flex;flex-direction:column;overflow:hidden}body.dark-mode .contacts-section,body.dark-mode .messages-section{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}.contacts-section h2,.messages-section h2{margin-top:0;margin-bottom:1rem;color:var(--copy)}.call-list-container{flex-grow:1;overflow-y:auto}.call-list-item{padding:12px 16px;border-bottom:1px solid var(--light-border);cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center}.call-list-item:last-child{border-bottom:none}.call-list-item:hover{background-color:var(--background)}.call-list-item-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary);color:var(--primary-content);display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.call-list-item-content{flex-grow:1}.call-list-item-name{font-weight:700;margin-bottom:4px;color:var(--copy)}.call-list-item-date{font-size:.8em;color:var(--copy-light)}.message-list-container{flex-grow:1;overflow-y:auto;padding:16px;background-color:var(--light-background);background-image:linear-gradient(45deg,var(--light-texture) 25%,transparent 25%),linear-gradient(-45deg,var(--light-texture) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--light-texture) 75%),linear-gradient(-45deg,transparent 75%,var(--light-texture) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:2px solid var(--light-border);border-radius:8px;transition:background-color .3s ease,border-color .3s ease,background-image .3s ease}body.dark-mode .message-list-container{background-color:var(--dark-background);background-image:linear-gradient(45deg,var(--dark-texture) 25%,transparent 25%),linear-gradient(-45deg,var(--dark-texture) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--dark-texture) 75%),linear-gradient(-45deg,transparent 75%,var(--dark-texture) 75%);border-color:var(--dark-border)}.message-list-item{margin-bottom:16px;display:flex;flex-direction:column}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}.message-bubble-user{align-self:flex-end;background-color:var(--message-user);color:var(--dark-text);border-bottom-right-radius:4px}.message-bubble-contact{align-self:flex-start;background-color:var(--message-contact);color:var(--light-text);border-bottom-left-radius:4px}.message-sender{font-weight:700;margin-bottom:4px;font-size:.9em;color:var(--copy)}.message-content{margin-bottom:8px}.message-timestamp{font-size:.7em;color:var(--copy-lighter);margin-top:4px;align-self:flex-end}.message-recording{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start}.compact-audio-player{margin-bottom:8px;width:100%}.compact-audio-player audio{width:100%}.fetch-recording-button,.transcribe-button{background-color:var(--dark-accent);color:white;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .2s ease-in-out;cursor:pointer;outline:none;font-size:14px;text-align:center;margin-top:8px;width:auto;min-width:120px;white-space:nowrap;background-color:var(--dark-text-area)!important;color:#ffffff!important;font-weight:700!important;padding:0 1rem!important;border-radius:.25rem!important;transition:background-color .2s ease-in-out!important;cursor:pointer!important;border:none!important;outline:none!important;font-size:14px!important;text-align:center!important;margin-top:8px!important;width:auto!important;min-width:120px!important;white-space:nowrap!important;display:inline-block!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.fetch-recording-button:hover,.transcribe-button:hover{background-color:#2779bd!important}.fetch-recording-button:disabled,.transcribe-button:disabled{background-color:#a0aec0!important;color:#718096!important;cursor:not-allowed!important}.fetch-recording-button.loading{position:relative!important;color:transparent!important}.fetch-recording-button.loading:after{content:"Loading..."!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;color:#ffffff!important;font-size:14px!important}.message-opportunity{margin-top:8px}.audio-player-container{display:flex;flex-direction:column;align-items:stretch;margin-top:12px;width:100%}.custom-audio-player{width:100%;height:40px;margin-bottom:8px}.custom-audio-player::-webkit-media-controls-panel{background-color:var(--background);display:flex;flex-wrap:wrap;align-items:center;padding:0 10px}.custom-audio-player::-webkit-media-controls-play-button{background-color:var(--primary);border-radius:50%;margin-right:10px}.custom-audio-player::-webkit-media-controls-current-time-display,.custom-audio-player::-webkit-media-controls-time-remaining-display{color:var(--copy);margin:0 5px}.custom-audio-player::-webkit-media-controls-timeline,.custom-audio-player::-webkit-media-controls-volume-slider{background-color:var(--primary);border-radius:25px;margin:0 10px;height:8px}.custom-audio-player::-webkit-media-controls-volume-slider{width:80px}body.dark-mode .audio-player-container,body.dark-mode .custom-audio-player::-webkit-media-controls-panel{background-color:var(--dark-background)}body.dark-mode .custom-audio-player::-webkit-media-controls-current-time-display,body.dark-mode .custom-audio-player::-webkit-media-controls-time-remaining-display{color:var(--dark-copy)}.custom-fields-manager{background-color:var(--light-foreground);color:var(--light-text);padding:20px;border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm-light)}.dark-mode .custom-fields-manager{background-color:var(--dark-foreground);color:var(--dark-text);box-shadow:var(--shadow-sm-dark)}.custom-fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.custom-fields-section{margin-bottom:0}.section-header{display:flex;align-items:center;cursor:pointer;padding:10px;background-color:var(--light-foreground-accent);border-radius:4px}.dark-mode .section-header{background-color:var(--dark-foreground-accent)}.expand-icon{margin-right:10px;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(90deg)}.fields{padding:20px;background-color:var(--light-background);border-radius:0 0 4px 4px}.dark-mode .fields{background-color:var(--dark-background)}.field{display:flex;align-items:flex-start;margin-bottom:15px}.field:last-child{margin-bottom:0}.field .form-group{flex-grow:1}.field label{display:block;margin-bottom:5px;font-weight:500;color:var(--light-text)}.dark-mode .field label{color:var(--dark-text)}.field input[type=date],.field input[type=number],.field input[type=text],.field select,.field textarea{width:98%;padding:10px;background-color:var(--light-background);color:var(--light-text);border:1px solid var(--light-border);border-radius:4px;font-size:1rem}.dark-mode .field input[type=date],.dark-mode .field input[type=number],.dark-mode .field input[type=text],.dark-mode .field select,.dark-mode .field textarea{background-color:var(--dark-text-area);color:var(--dark-text);border-color:var(--dark-border)}.field textarea{resize:vertical;width:100%;height:auto;min-height:100px;padding:10px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.field input[type=checkbox],.field input[type=radio]{margin-right:10px}.add-field-button{margin-top:10px}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.action-buttons button{margin:5px}.field-selection-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.field-selection-modal .modal-content{background-color:var(--light-foreground);padding:20px;border-radius:8px;width:90%;max-width:500px}.dark-mode .field-selection-modal .modal-content{background-color:var(--dark-foreground)}.field-selection-modal h3{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:var(--light-text)}.dark-mode .field-selection-modal h3{color:var(--dark-text)}.field-selection-modal .field-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.field-selection-modal .field-option{display:flex;align-items:center;margin-bottom:10px}.field-selection-modal .field-option label{margin-left:10px;color:var(--light-text)}.dark-mode .field-selection-modal .field-option label{color:var(--dark-text)}.field-selection-modal .modal-actions{display:flex;justify-content:flex-end}.customer-profile{background-color:var(--light-foreground);border-radius:8px;box-shadow:var(--shadow-sm-light);padding:20px;margin-bottom:20px}.customer-profile,.profile-fields{display:flex;flex-direction:column}.profile-fields{gap:15px}.profile-field{display:flex;flex-direction:column;gap:5px}.profile-field label{font-weight:700;color:var(--light-text-light)}.profile-field input{width:100%;padding:8px;border:1px solid var(--light-border);border-radius:4px;font-size:14px}.profile-actions{display:flex;justify-content:flex-end;margin-top:20px}.profile-actions button{margin-left:10px}body.dark-mode .customer-profile{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark)}body.dark-mode .profile-field label{color:var(--dark-text-light)}body.dark-mode .profile-field input{background-color:var(--dark-text-area);color:var(--dark-copy);border-color:var(--dark-border)}body.dark-mode .btn-secondary{background-color:var(--dark-accent)}body.dark-mode .btn-primary{background-color:var(--dark-primary)}.profile-and-custom-fields-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.custom-fields-section,.profile-section{min-height:800px;display:flex;flex-direction:column}.custom-fields-section h2,.profile-section h2{margin-bottom:15px}.custom-fields-section>div,.profile-section>div{flex-grow:1;overflow-y:auto}.field-selection-popout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;border:1px solid #ccc;border-radius:4px;padding:1rem;z-index:1000;max-width:400px;width:100%}.field-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.field-option{display:block;margin-bottom:.5rem}.popout-actions{display:flex;justify-content:flex-end}.popout-actions button{margin-left:.5rem}.quote-tool{background-color:var(--light-foreground);border-radius:var(--border-radius-base);padding:20px;box-shadow:var(--shadow-sm-light);color:var(--light-text)}body.dark-mode .quote-tool{background-color:var(--dark-foreground);box-shadow:var(--shadow-sm-dark);color:var(--dark-text)}.quote-tool h2,.quote-tool h3{color:var(--light-text);margin-bottom:1rem}body.dark-mode .quote-tool h2,body.dark-mode .quote-tool h3{color:var(--dark-text)}.room-input textarea{width:98%;padding:10px;border:1px solid var(--light-border);border-radius:var(--border-radius-base);background-color:var(--light-background);color:var(--light-text);margin-bottom:10px;min-height:150px}body.dark-mode .room-input textarea{border-color:var(--dark-border);background-color:var(--dark-text-area);color:var(--dark-text)}.pricing-table table{width:100%;border-collapse:collapse;margin-bottom:20px}.pricing-table td,.pricing-table th{padding:10px;border:1px solid var(--light-border);text-align:left}body.dark-mode .pricing-table td,body.dark-mode .pricing-table th{border-color:var(--light-text-light)}.pricing-table input[type=number]{width:60px;padding:5px;border:1px solid var(--light-border);border-radius:var(--border-radius-base);background-color:var(--light-background);color:var(--light-text)}body.dark-mode .pricing-table input[type=number]{border-color:var(--dark-accent);background-color:var(--dark-text-area);color:var(--dark-text)}.multiplier select{padding:5px;border:1px solid var(--light-border);border-radius:var(--border-radius-base);background-color:var(--light-background);color:var(--light-text)}body.dark-mode .multiplier select{border-color:var(--dark-border);background-color:var(--dark-text-area);color:var(--dark-text)}.quote-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:20px}.quote-summary{margin-top:20px;padding:20px;background-color:var(--light-background);border-radius:var(--border-radius-base);border:1px solid var(--light-border)}body.dark-mode .quote-summary{background-color:var(--dark-background);border-color:var(--dark-border)}.quote-summary ul{padding-left:20px}.quote-summary li{margin-bottom:5px}.auth-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--light-foreground);border-bottom:1px solid var(--light-border)}.dark-mode .auth-header{background-color:var(--dark-foreground);border-bottom-color:var(--dark-border)}.auth-header .auth-logo{width:120px;height:auto}.auth-card{background-color:var(--light-foreground);border-radius:8px;box-shadow:var(--shadow-md-light);overflow:hidden;width:100%;max-width:400px}.dark-mode .auth-card{background-color:var(--dark-foreground);box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-mode .auth-card{background-color:var(--dark-foreground);box-shadow:var(--shadow-md-dark)}.auth-card form{padding:2rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--light-background)}.dark-mode .login-container{background-color:var(--dark-background)}.dark-mode .login-container .auth-card{background-color:var(--dark-foreground);box-shadow:var(--shadow-md-dark)}.login-container form{padding:2rem;max-height:80vh;overflow-y:auto}.login-container h2{color:var(--light-text);margin-bottom:1.5rem;text-align:center}.dark-mode .login-container h2{color:var(--dark-text)}.login-container .input-group{margin-bottom:1.5rem}.login-container .input-group label{display:block;margin-bottom:.5rem;color:var(--light-text);font-weight:500}.dark-mode .login-container .input-group label{color:var(--dark-text)}.login-container .input-group input{width:100%;padding:.75rem;border:1px solid var(--light-border);border-radius:var(--border-radius-base);background-color:var(--light-background);color:var(--light-text);transition:border-color .3s ease}.login-container .input-group input:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 0 2px var(--light-focus-ring)}.dark-mode .login-container .input-group input{border-color:var(--dark-border);background-color:var(--dark-text-area);color:var(--dark-text)}.dark-mode .login-container .input-group input:focus{border-color:var(--dark-primary);box-shadow:0 0 0 2px var(--dark-focus-ring)}.login-container .checkbox-group{display:flex;align-items:center;margin-bottom:1.5rem}.login-container .checkbox-group input{margin-right:.5rem}.login-container .error-message{color:var(--error);background-color:rgba(255,76,76,.1);border-left:3px solid var(--error)}.login-container .error-message,.login-container .success-message{margin-bottom:1rem;padding:.5rem;border-radius:var(--border-radius-base)}.login-container .success-message{color:var(--success);background-color:rgba(75,181,67,.1);border-left:3px solid var(--success)}.login-container .btn-primary{width:100%;padding:.75rem;background-color:var(--light-primary);color:white;border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:background-color .3s ease;font-weight:600;font-size:1rem}.login-container .btn-primary:disabled{background-color:var(--light-text-light);cursor:not-allowed}.dark-mode .login-container .btn-primary{background-color:var(--dark-primary)}.dark-mode .login-container .btn-primary:disabled{background-color:var(--dark-text-light)}.login-container .btn-primary:hover:not(:disabled){background-color:var(--light-accent)}.dark-mode .login-container .btn-primary:hover:not(:disabled){background-color:var(--dark-accent)}.login-container .links{display:flex;justify-content:center;margin-top:1rem}.login-container .links a{color:var(--light-primary);text-decoration:none}.dark-mode .login-container .links a{color:var(--dark-primary)}.login-container .links a:hover{text-decoration:underline}.login-container .free-trial-info{margin-top:1.5rem;padding:1rem;background-color:rgba(97,175,254,.1);border-radius:var(--border-radius-base);border-left:3px solid var(--light-primary);font-size:.9rem;text-align:center;color:var(--light-text)}.dark-mode .login-container .free-trial-info{background-color:rgba(97,175,254,.1);border-left:3px solid var(--dark-primary);color:var(--dark-text)}@media (max-width:480px){.auth-card{max-width:100%}.login-container form{padding:1.5rem}.login-container .input-group{margin-bottom:1rem}}.login-container .address-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.login-container .address-group .input-group{flex:1 1;min-width:120px;margin-bottom:0}.login-container .input-group select{width:100%;padding:.75rem;border:1px solid var(--light-border);border-radius:var(--border-radius-base);background-color:var(--light-background);color:var(--light-text);transition:border-color .3s ease;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.login-container .input-group select:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 0 2px var(--light-focus-ring)}.dark-mode .login-container .input-group select{border-color:var(--dark-border);background-color:var(--dark-text-area);color:var(--dark-text)}.dark-mode .login-container .input-group select:focus{border-color:var(--dark-primary);box-shadow:0 0 0 2px var(--dark-focus-ring)}@media (max-width:600px){.login-container .address-group{flex-direction:column;gap:.5rem}.login-container .address-group .input-group{width:100%;margin-bottom:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-popIn{animation:popIn .3s var(--animation-easing)}