.button-component{letter-spacing:.5px;cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:5px;padding:10px 15px;font-size:14px;display:flex}.button-component:disabled{cursor:not-allowed!important;background:gray!important}.button-component.sm{border-radius:4px;gap:4px;padding:6px 10px;font-size:12px}.button-component.sm svg{width:14px;height:14px}.button-component.lg{letter-spacing:.8px;border-radius:10px;gap:6px;padding:14px 20px;font-size:16px}.button-component.lg svg{width:18px;height:18px}.button-component.neon{background:var(--primary-purple);color:var(--text-primary-light);font-weight:500}.button-component.neon:hover{background:#7b1fc2;transition:background .2s}.button-component.primary{background:var(--primary-solid);color:var(--text-primary-light);font-weight:500}.button-component.primary:hover{background:var(--primary-solid-hover);transition:background .2s}.button-component.solid{background:var(--primary-light);color:var(--text-primary);font-weight:600}.button-component.solid:hover{background:var(--primary-light-hover);transition:background .2s}.button-component.solid-success{background:var(--primary-highlight);color:var(--text-primary-light);font-weight:600}.button-component.solid-success:hover{background:var(--primary-highlight-hover);transition:background .2s}.button-component.light{background:var(--primary-light);color:var(--text-secondary);border:1px solid var(--primary-border)}.button-component.light:hover{background:var(--primary-light-hover);transition:background .2s}.button-component.outline{background:var(--primary-outline);color:var(--text-outline);border:1px solid var(--primary-border);font-weight:700}.button-component.outline:hover{background:var(--primary-light-hover);transition:background .2s}.button-component.outline-blue{color:var(--text-secondary);border:1px solid var(--primary-pure);background:0 0;padding:5px 15px;font-weight:600}.button-component.outline-blue:hover{background:var(--primary-light-hover);transition:background .2s}.button-component.outline-light{color:var(--text-primary-light);border:1px solid var(--primary-light);background:0 0;font-weight:600}.button-component.cancellation{color:var(--error-color);border:1px solid var(--error-color);background:0 0}
.checkbox-component{align-items:center;gap:10px;display:flex}.checkbox-component .checkbox-component-input{cursor:pointer;width:15px;height:15px;border:1px solid var(--primary-border)!important;border-radius:10px!important}.checkbox-component .checkbox-component-label{cursor:pointer;font-size:14px;font-weight:600}
.empty-list-component{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-list-component img{width:10%;height:auto}.empty-list-component span{letter-spacing:1px;max-width:500px;color:var(--primary-solid);font-size:30px;font-weight:600}.empty-list-component p{text-align:center;max-width:600px;color:var(--text-secondary-light);margin-top:10px;font-size:18px}.empty-list-component button{margin-top:10px;font-size:18px;font-weight:500}
.icon-title-component{align-items:center;gap:10px;height:32px;display:flex}.icon-title-component .icon-title-component-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-title-component .icon-title-component-icon svg{width:20px;height:20px}.icon-title-component .icon-title-component-icon.primary{background:var(--secondary-solid-light);color:var(--primary-pure)}.icon-title-component .icon-title-component-icon.secondary{color:#f6ba13;background:#fef4e5}.icon-title-component .icon-title-component-icon.third{color:#1f6344;background:#ecfaf4}.icon-title-component .icon-title-component-label span{font-size:16px;font-weight:600}
.info-component{align-items:center;gap:10px;padding:7px 15px;display:flex}.info-component span{width:100%;font-size:14px}.info-component svg{width:22px;height:auto}.info-component.primary{background:var(--secondary-solid-light)}.info-component.primary span{color:var(--text-secondary);font-weight:600}.info-component.neon{border:1px solid var(--primary-purple);background:var(--background)}.info-component.neon span{color:var(--primary-purple);font-weight:500}.info-component.secondary{border:1px solid --primary-border;background:var(--bg-info-component-secondary)}.info-component.secondary span{color:var(--text-secondary-light);font-weight:500}.info-component.light{border:1px solid var(--primary-border);background:var(--bg-info-component-light)}.info-component.light span{color:var(--text-primary);font-weight:500}.info-component.outline{background-color:var(--bg-info-component-outline);border:1px solid var(--primary-border)}.info-component.outline span{color:var(--text-info-component-outline);font-weight:600}.info-component.success{background:var(--bg-info-component-success)}.info-component.success span{color:var(--text-primary-light);font-weight:500}
.input-component{flex-direction:column;gap:8px;width:100%;height:85px;display:flex}.input-component .input-component-label{color:var(--text-primary);font-size:14px;font-weight:600}.input-component .input-component-container{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:7px;align-items:center;gap:5px;height:40px;padding:10px;display:flex}.input-component .input-component-container input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13px}.input-component .input-component-container input:disabled{color:var(--text-secondary-light);cursor:not-allowed}.input-component .input-component-container svg{color:var(--input-svg-color)!important;fill:var(--input-svg-color)!important}.input-component .input-component-error{color:var(--text-error);margin-top:-5px;padding-left:5px;font-size:12px}.input-component.sm{gap:6px;height:70px}.input-component.sm .input-component-label{font-size:13px}.input-component.sm .input-component-container{border-radius:5px;height:32px;padding:6px 8px}.input-component.sm .input-component-container input{font-size:12px}.input-component.sm .input-component-container svg{width:14px;height:14px}.input-component.sm .input-component-error{font-size:11px}.input-component.lg{gap:10px;height:100px}.input-component.lg .input-component-label{font-size:17px}.input-component.lg .input-component-container{border-radius:9px;height:48px;padding:12px 14px}.input-component.lg .input-component-container input{font-size:15px}.input-component.lg .input-component-container svg{width:18px;height:18px}.input-component.lg .input-component-error{font-size:13px}
.loading-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999999;pointer-events:all;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0}.loading-container{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-container .loading-container-icon{justify-content:center;align-items:center;display:flex}.loading-container .loading-container-icon .loading-icon{animation:1.2s ease-in-out infinite iconPulse}.loading-text{color:var(--text-secondary);letter-spacing:.5px;font-size:14px;font-weight:500}.loading-dots{gap:10px;display:flex}.dot{border-radius:50%;width:15px;height:15px;animation:1.2s ease-in-out infinite bounce}.dot-primary{background:var(--primary-solid);animation-delay:0s}.dot-success{background:var(--primary-solid);animation-delay:.2s}.dot-danger{background:var(--primary-solid);animation-delay:.4s}.dot-accent{background:var(--primary-solid);animation-delay:.6s}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-12px)}}@keyframes iconPulse{0%,80%,to{opacity:.7;transform:scale(1)}40%{opacity:1;transform:scale(1.1)}}
.loading-item-container{flex-direction:column;align-items:center;gap:20px;margin:0 auto;display:flex}.loading-item-container .loading-item-dots{gap:10px;display:flex}.loading-item-container .loading-item-dots .loading-item-dot{border-radius:50%;width:15px;height:15px;animation:1.2s ease-in-out infinite bounce}.loading-item-container .loading-item-dots .loading-item-dot-primary{background:var(--primary-solid);animation-delay:0s}.loading-item-container .loading-item-dots .loading-item-dot-success{background:var(--primary-solid);animation-delay:.2s}.loading-item-container .loading-item-dots .loading-item-dot-danger{background:var(--primary-solid);animation-delay:.4s}.loading-item-container .loading-item-dots .loading-item-dot-accent{background:var(--primary-solid);animation-delay:.6s}@keyframes bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-12px)}}@keyframes iconPulse{0%,80%,to{opacity:.7;transform:scale(1)}40%{opacity:1;transform:scale(1.1)}}
.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;justify-content:center;align-items:center;width:100dvw;height:100dvh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-component{background:var(--primary-light);box-shadow:var(--secondary-shadow);flex-direction:column;animation:.1s scaleIn;display:flex;overflow:hidden}.modal-overlay .modal-header{border-bottom:1px solid var(--primary-border);background:var(--background-modal-component);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-overlay .modal-header span{color:var(--text-primary-light);text-transform:uppercase;font-size:16px;font-weight:600}.modal-overlay .modal-header svg{cursor:pointer}.modal-overlay .modal-body{padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.paginator-component{border:1px solid var(--primary-border);background:var(--primary-light);color:var(--text-primary-pure);border-radius:5px;max-width:290px;font-size:13px;display:flex}.paginator-component .paginator-ellipsis:hover,.paginator-component .paginator-current-page:hover,.paginator-component .paginator-last-page:hover,.paginator-component .paginator-component-back:hover{background:--primary-light-hover}.paginator-component .paginator-component-back{border-right:1px solid var(--primary-border);cursor:pointer;align-items:center;gap:5px;padding:5px 20px;display:flex}.paginator-component .back-disabled{color:var(--primary-border);cursor:not-allowed}.paginator-component .paginator-ellipsis,.paginator-component .paginator-current-page{border-right:1px solid var(--primary-border);cursor:pointer;padding:5px 10px}.paginator-component .paginator-last-page-active,.paginator-component .paginator-current-page-active{background:var(--primary-border)}.paginator-component .paginator-last-page{cursor:pointer;text-align:center;justify-content:center;align-items:center;width:100%;display:flex}
.range-slider{flex-direction:column;width:100%;max-width:400px;display:flex}.range-slider label{margin-bottom:10px;font-size:15px;font-weight:600}.range-slider span{font-size:13px}.range-slider .values{justify-content:space-between;font-weight:500;display:flex}.range-slider .slider{height:30px;position:relative}.range-slider .track,.range-slider .range{border-radius:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.range-slider .track{z-index:1;background:#ddd;width:100%}.range-slider .range{background:var(--primary-pure);z-index:2}.range-slider input[type=range]{appearance:none;z-index:3;background:0 0;width:100%;height:30px;position:absolute}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-pure);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.range-slider input[type=range]::-moz-range-thumb{background:var(--primary-pure);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.range-slider .range-text{text-align:center;font-weight:500}
.search-component{border:1px solid var(--primary-border);box-shadow:var(--primary-shadow);background:var(--primary-light);color:var(--text-primary);border-radius:8px;align-items:center;gap:5px;padding:10px;display:flex}.search-component input{background:0 0;border:none;outline:none;font-size:14px}
.section-component{border:1px solid var(--secondary-border);background:var(--background-section-gradient);width:auto;box-shadow:var(--secondary-shadow);border-radius:12px;flex-shrink:0;transition:all .25s;position:relative;overflow:hidden}.section-component:before{content:"";background:var(--background-section-before-gradient);z-index:-1;position:absolute;inset:0}.section-component.section-component-zoom:hover{box-shadow:var(--third-shadow);transform:translateY(-4px)scale(1.01)}.section-component .section-component-title{width:100%;padding-top:15px;padding-left:20px;font-size:15px;font-weight:600;display:flex}
.search-for-dropdown-component{align-items:center;width:100%;height:40px;display:flex}.search-for-dropdown-component #search-for-dropdown-icon{align-items:center;height:100%;margin-left:8px;display:flex}.search-for-dropdown-component #search-for-dropdown-icon svg{color:var(--text-primary-pure)}.search-for-dropdown-component #search-for-dropdown-input{width:100%;height:40px;color:var(--text-primary);background-color:#0000;border:none;outline:none;padding:0 8px;font-size:13px}.search-for-dropdown-component #search-for-dropdown-input::placeholder{opacity:.6;font-weight:400}.search-for-dropdown-component #search-for-dropdown-input:focus::placeholder{font-style:italic}
.select-component-root-container{flex-direction:column;gap:8px;height:85px;display:flex}.select-component-root-container .select-component-label{font-size:14px;font-weight:600}.select-component-root-container .select-component{border:1px solid var(--primary-border);background:var(--primary-light);border-radius:7px;flex-direction:column;align-items:flex-start;height:40px;position:relative}.select-component-root-container .select-component .select{background:0 0;border:none;border-radius:6px;width:calc(100% - 30px);height:38px;padding-left:10px}.select-component-root-container .select-component .select:focus{outline:none}.select-component-root-container .select-component .button-selector-toggle{background-color:#0000;border:none;border-radius:6px;outline:none;width:30px;height:38px}.select-component-root-container .select-component .button-selector-toggle svg{cursor:pointer;width:12px!important;height:12px!important}.select-component-root-container .select-component .button-selector-toggle:focus{border-radius:6px;outline:none}.select-component-root-container .select-component .action-container{align-items:center;width:100%;display:flex}.select-component-root-container .select-component .action-container ::placeholder{font-size:13px}.select-component-root-container .select-component .action-container .select-input,.select-component-root-container .select-component .action-container .select-checkbox{padding-left:10px;font-size:13px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:0}to{opacity:1}}.select-component-root-container .select-component .dropdown-show{animation:.5s ease-in-out fade-in;display:flex}.select-component-root-container .select-component .dropdown-hide{animation:.5s ease-in-out fade-out;display:none}.select-component-root-container .select-component .option-list-select{z-index:50000;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:6px;flex-direction:column;max-height:200px;top:42px;overflow-y:auto;position:fixed!important}.select-component-root-container .select-component .option-list-select .search-for-dropdown-container{background:var(--primary-light);z-index:1;position:sticky;top:0}.select-component-root-container .select-component .option-list-select .content-option{align-items:center;min-height:40px;padding-inline:5px;display:flex}.select-component-root-container .select-component .option-list-select .content-option:hover{background:var(--primary-light-hover)!important}.select-component-root-container .select-component .option-list-select .content-option .content-item-option{cursor:pointer;align-items:center;gap:5px;width:100%;height:40px;display:flex;margin:0!important}.select-component-root-container .select-component .option-list-select .content-option .content-item-option .option{text-align:start;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;width:calc(100% - 14px);font-size:13px;font-weight:400;display:-webkit-box;overflow:hidden}.select-component-root-container .select-component .option-list-select .content-option .content-item-option .option .option{width:100%}.select-component-root-container .select-component .option-list-select .content-option .content-item-option .option>.sub{flex-direction:column;justify-content:center;gap:5px;display:flex}.select-component-root-container .select-component .option-list-select .content-option .content-item-option .option>.sub>span{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.select-component-root-container .select-component .option-list-select .content-option .content-item-option .option>.sub :last-child{font-size:13px}.select-component-root-container .select-component .select-input{cursor:pointer;align-items:center;height:100%;padding-left:10px;font-size:13px;display:flex}.select-component-root-container .select-component .select-checkbox{padding-left:10px;font-size:13px}.select-component-root-container .select-component #search-input{padding-left:10px}.select-component-root-container .select-component .select-container{border:none;border-radius:6px;width:100%;height:40px;display:flex}.select-component-root-container .select-component .select-container:focus{outline:none}.select-component-root-container .select-error-container{color:var(--text-error);height:15px;margin-top:-6px;padding-left:5px;font-size:12px}
.table-container{border:1px solid var(--primary-border);background:0 0;border-radius:12px;width:100%;overflow:hidden}.table-container table{border-collapse:separate;border-spacing:0;background:var(--primary-light);table-layout:fixed;width:100%}.table-container table thead{background:var(--primary-pure)}.table-container table thead tr:first-child th:first-child{border-top-left-radius:12px}.table-container table thead tr:first-child th:last-child{border-top-right-radius:12px}.table-container table thead th{text-align:center;color:var(--text-primary-light);padding:10px 20px;font-size:14px;font-weight:700}.table-container table thead th:first-child{text-align:left}.table-container table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.table-container table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.table-container table tbody tr:last-child td{border-bottom:none}.table-container table tbody tr td{text-align:center;color:var(--text-primary);border-bottom:1px solid var(--primary-border);vertical-align:middle;padding:10px 20px;font-size:14px}.table-container table tbody tr td:first-child{text-align:left}
.textarea-component{flex-direction:column;gap:8px;width:100%;min-height:85px;display:flex}.textarea-component .textarea-component-label{color:var(--text-primary);font-size:15px;font-weight:600}.textarea-component .textarea-component-container{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:7px;align-items:center;gap:5px;min-height:40px;padding:10px;display:flex}.textarea-component .textarea-component-container textarea{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-size:13px}.textarea-component .textarea-component-container textarea:disabled{color:var(--text-secondary-light);cursor:not-allowed}.textarea-component .textarea-component-container svg{fill:var(--input-svg-color)}.textarea-component .textarea-component-error{color:var(--text-error);margin-top:-5px;padding-left:5px;font-size:12px}.textarea-component.sm{gap:6px;min-height:70px}.textarea-component.sm .textarea-component-label{font-size:13px}.textarea-component.sm .textarea-component-container{border-radius:5px;min-height:32px;padding:6px 8px}.textarea-component.sm .textarea-component-container textarea{font-size:12px}.textarea-component.sm .textarea-component-container svg{width:14px;height:14px}.textarea-component.sm .textarea-component-error{font-size:11px}.textarea-component.lg{gap:10px;min-height:100px}.textarea-component.lg .textarea-component-label{font-size:17px}.textarea-component.lg .textarea-component-container{border-radius:9px;min-height:60px;padding:12px 14px}.textarea-component.lg .textarea-component-container textarea{font-size:15px}.textarea-component.lg .textarea-component-container svg{width:18px;height:18px}.textarea-component.lg .textarea-component-error{font-size:13px}