.scp-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px);z-index:10000000}.scp-popup-content{position:relative;background-color:var(--background-color);padding:2.5rem 3rem;border-radius:20px;box-shadow:0 12px 24px var(--box-shadow-color);width:28%;z-index:1001;border:2px solid var(--button-bg-color);transition:all .3s ease-in-out;animation:popup-in .3s ease-out}.scp-popup-content.dark-mode{background-color:var(--background-color);color:var(--text-color)}.scp-popup-content:hover{box-shadow:0 16px 32px rgba(0,0,0,.3);transform:translateY(-5px)}@keyframes popup-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scp-popup-content h2{text-align:center;font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.scp-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color);font-size:1.6rem;cursor:pointer}.scp-input-group{margin-bottom:1.5rem}.scp-input-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.scp-input-group .scp-input-group-label{display:flex;gap:4px;flex-direction:row}.scp-input-group .scp-schedule-input-box{width:100%;font-size:1rem;border:1px solid var(--input-border-color);border-radius:10px;padding:.5rem;background-color:var(--input-bg-color);color:var(--input-text-color);min-height:44px;box-sizing:border-box;transition:border-color .3s ease}.scp-input-group .scp-schedule-input-box::placeholder{text-align:left;color:var(--placeholder-color)}.scp-input-group .scp-schedule-input-box:focus{border-color:var(--primary-color);outline:none}.scp-button-container,.scp-start-call-button{display:flex;justify-content:center;align-items:center}.scp-start-call-button{padding:12px 20px;border-radius:25px;font-size:16px;font-weight:600;background-color:var(--button-bg-color);color:var(--button-text-color);margin-top:20px;cursor:pointer;border:none;transition:background-color .3s ease,transform .2s ease}.scp-start-call-button:hover{background-color:var(--btn-hover-color);transform:translateY(-3px)}.scp-start-call-button:disabled{background-color:#ccc;cursor:not-allowed}.scp-input-group.invalid .scp-schedule-input-box{border-color:var(--text-color);background-color:var(--error-bg-color)}@media(max-width:480px){.scp-popup-content{padding:1.5rem 2rem;width:95%}.scp-start-call-button{padding:10px 16px;font-size:14px}}.react-select__control{width:100%;font-size:1rem;border:1px solid var(--input-border-color);border-radius:10px;min-height:44px;background-color:var(--background-color);color:var(--input-text-color)}.react-select__control:hover{border-color:var(--btn-hover-color)}.react-select__menu{z-index:10000;background-color:var(--background-color)}.react-select__option{color:var(--input-text-color);background-color:var(--background-color)}.react-select__option:hover{background-color:var(--btn-hover-color)}.react-select__option.react-select__option--is-selected{background-color:var(--btn-hover-color);color:var(--selected-text-color)}.react-select__input,.react-select__placeholder,.react-select__single-value{color:var(--input-text-color)}.dark-mode .react-select__control{background-color:var(--input-bg-color);border-color:var(--input-border-color);color:var(--input-text-color)}.dark-mode .react-select__control:hover{border-color:var(--btn-hover-color)}.react-datepicker-wrapper{width:100%}.react-datepicker__current-month{color:var(--button-text-color)!important;font-size:1rem!important;margin-top:8px!important}.react-datepicker__input-container{width:100%}.react-datepicker{font-family:inherit;border-radius:10px;border:1px solid var(--input-border-color)}.react-datepicker__header{background-color:var(--button-bg-color);border-top-left-radius:10px;border-top-right-radius:10px}.react-datepicker-time__header,.react-datepicker__current-month,.react-datepicker__day-name{color:var(--button-text-color)}.react-datepicker__time-container{border-left:1px solid var(--input-border-color)}.react-datepicker__time-list-item--selected{background-color:var(--button-bg-color)!important}.timezone-select .react-select__control{min-height:44px;border-radius:10px}.timezone-select .react-select__control,.timezone-select .react-select__menu{border:1px solid var(--input-border-color);background-color:var(--input-bg-color)}.timezone-select .react-select__menu{z-index:1000}.timezone-select .react-select__option{padding:10px;cursor:pointer;background-color:var(--input-bg-color)}.timezone-select .react-select__option:hover{background-color:var(--btn-hover-color)}.timezone-select .react-select__single-value{color:var(--text-color)}