@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);.modalState{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.modalState__wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:620px;max-height:100vh;background:#212134;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:150;overflow:auto;transition:max-width .3s ease-in-out}.modalState__wrapper--wide{max-width:1100px}.modalState__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:62px;padding:0 16px;background:#32324d;border-radius:4px 4px 0 0;border-bottom:1px solid #666687;text-align:center}.modalState__icon{font-size:12px;color:#a5a5ba;cursor:pointer}.modalState__icon--back{font-size:4em;color:#a5a5ba;cursor:pointer}.modalState__title{font-size:16px;font-weight:700;color:#eaeaef;display:flex}.modalState__close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;background:#181826;border-radius:4px;border:1px solid #4a4a6a;cursor:pointer}.modalState__body{width:100%;max-height:calc(95vh - 128px);overflow-y:auto}.modalState__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:66px;padding:0 16px;background:#32324d;border-radius:0 0 4px 4px;border-top:1px solid #666687}.modalState__button{width:100px;height:37px;font-size:14px;color:#eaeaef;background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a);border:none;border-radius:4px;cursor:pointer}.modalState__button--cancel{background:#212134;border:1px solid #666687}.modalState__button--novelty{width:150px;color:#ea4e44;background:transparent;border:1px solid #666687}.modalState__background{width:100%;height:100%;background:rgba(0,0,0,.5)}.novelty-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;font-family:SanFrancisco,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#181826;border-radius:10px;margin:auto}.novelty-form__header{background-color:#32324d;padding:1rem;border-radius:10px;color:#c0c0cf;font-size:14px;border:1px solid #666687}.novelty-form__header p{margin:.25rem 0}.novelty-form__header strong{color:#eaeaef}.novelty-form__header hr{border-color:#666687}.novelty-form__reasons-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.reason-btn{background-color:#32324d;color:#eaeaef;border:1px solid #666687;border-radius:10px;padding:12px;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s;text-align:left;line-height:1.3}.reason-btn:hover{background-color:#4a4a6a;border-color:#a5a5ba}.reason-btn--selected{background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a);border-color:#ea4e44;color:#fff;font-weight:500}.reason-btn--other{display:flex;justify-content:space-between;align-items:center;width:100%}.reason-btn__arrow{font-size:10px;transition:transform .2s ease-in-out}.reason-btn__arrow--up{transform:rotate(180deg)}.other-reasons-wrapper{position:relative}.other-reasons-container{position:absolute;z-index:10;width:100%;background-color:#32324d;border-radius:0 0 10px 10px;margin-top:-2px;padding-top:4px;display:flex;flex-direction:column;border:1px solid #666687;border-top:none;box-shadow:0 1px 4px rgba(33,33,52,.1)}.other-reason-btn{background:none;border:none;color:#eaeaef;padding:12px 16px;text-align:left;font-size:14px;cursor:pointer;border-bottom:1px solid #666687}.other-reason-btn:last-child{border-bottom:none}.other-reason-btn:hover{background-color:#4a4a6a}.other-reason-btn--selected{font-weight:500;color:#fff}.novelty-form__details textarea{box-sizing:border-box;width:100%;min-height:90px;background-color:#212134;border:1px solid #666687;border-radius:10px;padding:12px;color:#eaeaef;font-family:inherit;font-size:15px;resize:vertical}.novelty-form__details textarea::-moz-placeholder{color:#a5a5ba}.novelty-form__details textarea::placeholder{color:#a5a5ba}.novelty-form__details textarea:focus{outline:none;border-color:#ea4e44}.novelty-form__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.action-btn{padding:10px 24px;border-radius:10px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s,background .2s}.action-btn--cancel{background-color:transparent;border:1px solid #666687;color:#eaeaef}.action-btn--cancel:hover{background-color:#32324d}.action-btn--save{background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a);color:#fff}.action-btn--save:disabled{background:#4a4a6a;color:#a5a5ba;cursor:not-allowed}.action-btn--save:not(:disabled):hover{opacity:.9}.manual-novelty-modal-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;z-index:1001}.manual-novelty-modal-content{max-width:700px;width:90%}.program-service-modal{display:flex;flex-direction:column;box-shadow:0 5px 15px rgba(0,0,0,.1)}.modalProgram__background{background-color:#212134;padding:20px;width:100%}.modal-body{padding:8px 0;gap:16px}.modal-body,.section-container{display:flex;flex-direction:column}.section-container{background-color:#181826;border:1px solid #4a4a6a;border-radius:8px;padding:16px;gap:12px}.section-header{justify-content:space-between;gap:12px}.section-header,.section-header h4{display:flex;flex-direction:row;align-items:center}.section-header h4{margin:0;font-size:16px;font-weight:500;color:#eaeaef;justify-content:flex-start;gap:10px}.section-content{width:100%}.section-content.column{display:flex;flex-direction:column;gap:16px}.modal-footer{padding-top:20px;border-top:1px solid #4a4a6a;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px}.button-group{display:flex;gap:10px}.button-group .select-in-group,.button-group button{flex-grow:1;padding:10px;background-color:#212134;color:#eaeaef;border:1px solid #666687;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;font-family:inherit;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.button-group .select-in-group:hover,.button-group button:hover{background-color:#181826;border-color:#a5a5ba}.button-group .select-in-group.active,.button-group button.active{background-color:#ea4e44;color:#fff;border-color:#ea4e44}.button-group .select-in-group.active i,.button-group button.active i{color:#fff}.button-group .select-in-group i,.button-group button i{color:#a5a5ba}.select-in-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto;padding-right:2.5rem}.date-selection-container{display:flex;gap:16px;align-items:stretch}.date-selection-container .date-options{flex-direction:column;flex-shrink:0;width:120px}.date-selection-container .date-options button{width:100%}.date-selection-container .pickup-display-area{flex-grow:1;background-color:#212134;border:1px solid #4a4a6a;border-radius:6px;padding:12px 16px;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.date-time-inputs{flex-wrap:wrap;gap:10px;width:100%}.date-time-inputs,.date-time-inputs .time-inputs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.date-time-inputs .time-inputs{gap:5px}.pickup-info-display{width:100%}.pickup-info-display .pickup-date-text{margin:0 0 8px 0;font-size:16px;font-weight:500;color:#eaeaef}.pickup-info-display .time-display-view,.pickup-info-display .time-inputs-view{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:#a5a5ba}.pickup-info-display .time-inputs-view>span:first-child{flex-basis:100%}.pickup-info-display .edit-time-btn{background:none;border:none;cursor:pointer;padding:2px}.confirmation-text{border-radius:0 4px 4px 0;padding:12px;font-size:14px}.confirmation-text.success{color:#c6f0c2;background-color:#181826;border-left:4px solid #5cb176}.confirmation-text.warning{color:#fae7b9;background-color:#181826;border-left:4px solid #f29d41}.confirmation-text.info{color:#66b7f1;background-color:#66b7f1;border-left:4px solid #66b7f1}.modalProgram__text{font-weight:500}.modalProgram__infoGroup{gap:10px}.modalProgram__formInput{border-radius:6px;width:100%;flex-grow:1}.modalProgram__formInput--code{flex-grow:.5}.modalProgram__formInput--codeOnly{flex-grow:1}.modalProgram__formInput--hour{width:140px!important;flex-grow:0}.modalProgram__button{width:110px;height:40px;font-weight:600;border-radius:6px}.modalProgram__button--cancel{color:#eaeaef}.modalProgram__button--save{background:#ea4e44;color:#fff;border:1px solid #ea4e44}.toggle-switch{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px}.toggle-switch .toggle-label{color:#a5a5ba;font-weight:500}.toggle-switch .switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch .switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#666687;transition:.4s}.toggle-switch .slider.round{border-radius:34px}.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#ea4e44}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.form-group{display:flex;flex-direction:column;gap:8px}.size-quantity-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}.quantity-header{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}.quantity-control{justify-content:flex-start;background-color:#212134;border-radius:6px;border:1px solid #666687;overflow:hidden;height:40px;margin-right:auto}.quantity-control,.quantity-control .unit-display{display:flex;flex-direction:row;align-items:center}.quantity-control .unit-display{padding:0 12px;justify-content:center;gap:8px;font-size:14px;color:#eaeaef;height:100%}.quantity-control .unit-count{background-color:#ee5e52;color:#fff;border-radius:50%;width:22px;height:22px;font-size:12px;font-weight:700}.add-unit-btn,.quantity-control .unit-count{display:flex;flex-direction:row;justify-content:center;align-items:center}.add-unit-btn{background-color:#212134;color:#eaeaef;padding:0 12px;border:none;cursor:pointer;gap:5px;font-size:14px;height:40px;border-radius:6px;border:1px solid #666687;transition:background-color .2s ease}.add-unit-btn:hover{background-color:#181826}.package-units-list{display:flex;flex-direction:column;gap:10px;width:100%}.package-unit-row{display:flex;align-items:center;gap:10px;width:100%}.package-unit-row .size-buttons{flex-grow:1;flex-wrap:nowrap}.package-unit-row .size-buttons button{flex-grow:1;flex-basis:0}.unit-actions{gap:8px}.delete-btn,.unit-actions{display:flex;flex-shrink:0}.delete-btn{background:#212134;border:1px solid #666687;width:40px;height:40px;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s ease;flex-direction:row;justify-content:center;align-items:center;color:#a5a5ba}.delete-btn:disabled,.delete-btn:hover{background-color:#181826}.delete-btn:disabled{color:#a5a5ba;border-color:#4a4a6a;cursor:not-allowed}.size-buttons{flex-grow:1}@media(max-width:768px){.modalProgram__background{padding:10px}.section-container{padding:12px}.date-selection-container{flex-direction:column}.date-selection-container .date-options{width:100%;flex-direction:row}.size-quantity-container{flex-direction:column;align-items:stretch}.package-unit-row,.size-quantity-container .button-group,.size-quantity-container .quantity-control,.size-quantity-container .size-buttons{flex-wrap:wrap}.package-unit-row .size-buttons{flex-basis:100%;flex-wrap:wrap}.package-unit-row .unit-actions{flex-basis:100%;justify-content:flex-end}.quantity-header{flex-wrap:wrap;justify-content:space-between}.quantity-header .quantity-control{margin-right:0;flex-grow:1}.quantity-header .add-unit-btn{flex-grow:1}.date-time-inputs,.time-inputs-view{flex-direction:column;align-items:stretch;width:100%;gap:10px}.date-time-inputs input,.time-inputs-view input{width:100%}.date-time-inputs .time-inputs,.time-inputs-view .time-inputs{width:100%;display:flex;gap:10px}.date-time-inputs .time-inputs .modalProgram__formInput--hour,.time-inputs-view .time-inputs .modalProgram__formInput--hour{flex:1;min-width:0}.button-group{flex-wrap:wrap}.modal-footer{flex-direction:column-reverse;gap:10px}.modal-footer .modalProgram__button{width:100%}}.reschedule-layout-wrapper.is-reschedule{display:flex;gap:20px;width:100%;max-width:1100px}.sidebars-container{flex:0 0 300px;display:flex;flex-direction:column;gap:16px}.history-card{background-color:#212134;border-radius:8px;padding:16px;border:1px solid #4a4a6a;display:flex;flex-direction:column;gap:12px}.history-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #4a4a6a}.history-card__header h6{margin:0;font-size:15px;font-weight:600;color:#eaeaef;display:flex;align-items:center;gap:8px}.history-card__add-btn{background-color:#ea4e44;color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.history-card__add-btn:hover{background-color:#e22519}.history-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;max-height:220px;overflow-y:auto;padding-right:8px}.history-card__item .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.history-card__item .item-user{font-weight:600;font-size:14px;color:#eaeaef}.history-card__item .item-date{font-size:12px;color:#c0c0cf}.history-card__item .item-description{margin:0;font-size:13px;line-height:1.4;color:#a5a5ba}.history-card__item .item-code{font-weight:500;color:neutral_600;margin-left:4px}.program-service-modal{flex:1}@media(max-width:1024px){.reschedule-layout-wrapper.is-reschedule{flex-direction:column}.sidebars-container{flex:1}}.modalProgram__body{display:flex;flex-direction:column;width:100%;gap:1rem;padding:1rem}.modalProgram__background{background-color:#181826;padding:10px;border-radius:8px}.modalProgram__container{width:100%;padding:10px}.modalProgram__container:not(:last-child){border-bottom:1px solid #666687}.modalProgram__containerState{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;width:500px;gap:.3em}.modalProgram__state{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90px;height:28px;padding:4px 8px;font-size:12px;border-radius:4px}.modalProgram__state--new{color:#5cb176;border:1px solid #5cb176}.modalProgram__state--programmed{color:#66b7f1;border:1px solid #66b7f1}.modalProgram__state--delivered{color:#c6f0c2;border:1px solid #c6f0c2}.modalProgram__state--transit{color:#f2c31a;border:1px solid #f2c31a}.modalProgram__state--annulled{color:#db225a;border:1px solid #db225a}.modalProgram__state--novelty{color:#ea4e44;border:1px solid #ea4e44}.modalProgram__containerRow{width:100%;gap:.3em}.modalProgram__containerInfo,.modalProgram__containerRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.modalProgram__containerInfo{gap:1rem}.modalProgram__text{color:#eaeaef;margin-bottom:5px;margin-left:10px}.modalProgram__infoGroup{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:5px;margin-top:10px}.modalProgram__formInput{padding:10px 16px;color:#eaeaef;border:1px solid #4a4a6a;border-radius:4px;background:#212134;margin:10px;width:230px;height:42px}.modalProgram__formInput--comment{width:500px;height:64px}.modalProgram__formInput--code{margin-left:20px}.modalProgram__formInput--hour{width:105px}.modalProgram__formInput::-moz-placeholder{color:#a5a5ba;font-size:15px}.modalProgram__formInput::placeholder{color:#a5a5ba;font-size:15px}.modalProgram__checkBox{width:20px;height:20px;margin-left:10px}.modalProgram__button{width:100px;height:37px;font-size:14px;color:#eaeaef;background:linear-gradient(84.4deg,#ea4e44 .07%,#db225a);border:none;border-radius:4px;display:flex-end;cursor:pointer}.modalProgram__button--reprogram{width:150px;height:25px;margin-top:15px}.modalProgram__button--cancel{background:#212134;border:1px solid #666687;margin-right:15px}