.modal-trigger{cursor:pointer;color:#fff;background-color:#020817;border:none;border-radius:6px;align-items:center;gap:8px;height:40px;min-height:40px;max-height:40px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.modal-trigger:focus{outline-offset:2px;outline:2px solid #020817}.modal-trigger-icon{align-items:center;display:flex}.modal-trigger-icon-only{justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;display:flex}.modal-trigger.outline{color:#020817;background-color:#0000;border:1px solid #020817}.modal-trigger.outline:hover{color:#fff;background-color:#020817}.modal-trigger.secondary{color:#fff;background-color:#6c757d}.modal-trigger.secondary:hover{background-color:#545b62}.modal-trigger.danger{color:#fff;background-color:#dc3545}.modal-trigger.danger:hover{background-color:#c82333}.modal-overlay{z-index:1000;background-color:#f3f4f6cc;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayShow;position:fixed;inset:0}.modal-overlay-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayHide}.modal-content{backface-visibility:hidden;perspective:1000px;background:#fff;border-radius:8px;width:90%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards contentShow;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d}.modal-content-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards contentHide}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayHide{0%{opacity:1}to{opacity:0}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes contentHide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.modal-header{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{color:#000;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.modal-title-icon{align-items:center;display:flex}.modal-close{cursor:pointer;color:#666;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;font-size:24px;transition:background-color .2s;display:flex}.modal-close span{position:relative;top:-3px}.modal-close:hover,.modal-close:focus,.modal-close:active{color:#020817;outline-offset:2px;outline:2px solid #020817}.modal-body{padding:0 24px 16px}.modal-footer{padding:16px 24px 24px}.modal-footer-buttons{gap:12px;display:flex}.modal-footer-buttons:not(.modal-footer-buttons-with-cancel) .modal-save-button{width:100%}.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-cancel-button,.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-save-button{flex:1}.modal-save-button{color:#fff;cursor:pointer;background-color:#020817;border:none;border-radius:6px;height:40px;min-height:40px;max-height:40px;padding:10px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.modal-save-button:hover{background-color:#0f172a}.modal-save-button:focus{outline-offset:2px;outline:2px solid #020817}.modal-cancel-button{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:6px;height:40px;min-height:40px;max-height:40px;padding:10px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.modal-cancel-button:hover{background-color:#4b5563}.modal-cancel-button:focus{outline-offset:2px;outline:2px solid #020817}.modal-input{border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:#020817;outline:none;box-shadow:0 0 0 1px #0208171a}.modal-label{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.modal-input-group{gap:8px;margin-bottom:8px;display:flex}.modal-input-group .modal-input{flex-grow:1;margin-bottom:0}.modal-input-group-button{cursor:pointer;color:#4a5568;background-color:#e2e8f0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .2s;display:flex}.modal-input-group-button:hover{background-color:#cbd5e0}.modal-info-message{color:#718096;margin-top:8px;font-size:14px;font-style:italic}@media (max-width:768px){.modal-content{width:95%}.modal-header{padding:16px 20px 12px}.modal-body{padding:0 20px 12px}.modal-footer{padding:12px 20px 20px}.modal-title{font-size:16px}.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-cancel-button,.modal-footer-buttons.modal-footer-buttons-with-cancel .modal-save-button{width:100%}}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.input-wrapper{text-align:left;margin-bottom:40px}.input-wrapper:last-child{margin-bottom:0}.input-wrapper .container-input{border:1px solid #1c1c1c;border-radius:6px;justify-content:center;align-items:center;width:100%;min-width:333px;height:46px;display:flex;position:relative}.input-wrapper .container-input:hover{border:1px solid #e5eaf1}.input-wrapper .container-input:focus-within{outline-offset:2px;outline:2px solid #020817}.input-wrapper .container-input.focus{outline-offset:2px;border:1px solid #e5eaf1;outline:2px solid #020817}.input-wrapper .container-input.focus span.holder{font-size:14px;font-weight:600;top:-20px!important}.input-wrapper .container-input.no-icon span.holder{left:0}.input-wrapper .container-input.no-icon span.holder.has-content{font-size:14px;left:-8px}.input-wrapper .container-input.icon-placehorder span.holder{padding:0;display:flex;left:0}.input-wrapper .container-input.icon-placehorder .label-ico{width:34px}.input-wrapper .container-input .label-ico,.input-wrapper .container-input .view-pass{height:inherit;justify-content:center;align-items:center;width:46px;display:flex}.input-wrapper .container-input .label-ico .icon,.input-wrapper .container-input .view-pass .icon{color:#3d65fd;cursor:pointer;justify-content:center;align-items:center;font-size:20px;display:flex}.input-wrapper .container-input input{color:#111827;background-color:#0000;border:none;outline:none;width:100%;height:100%;padding:0 10px;font-size:16px;font-weight:500;position:relative}.input-wrapper .container-input input:focus{outline:none}.input-wrapper .container-input input[type=date]{cursor:pointer}.input-wrapper .container-input input[type=date]::-webkit-calendar-picker-indicator{display:none}.input-wrapper .container-input input[type=date]::-ms-expand{display:none}.input-wrapper .container-input input[type=date]:before{content:"";pointer-events:none;background:0 0;width:0;height:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-wrapper .container-input span.holder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3d65fd;pointer-events:none;padding:0 10px;font-size:16px;transition:all .3s;position:absolute;top:23px;left:40px;transform:translateY(-50%)}.input-wrapper .container-input span.holder.has-content{font-size:14px;font-weight:500;top:-20px!important}
.tabs-container{width:100%;max-width:1200px;margin:0 auto}.tabs-wrapper{width:100%;position:relative}.tabs-header{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;background-color:#f3f4f6;border-radius:8px;width:100%;padding:4px;display:flex;position:relative;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.tabs-header::-webkit-scrollbar{display:none}.tab-button{cursor:pointer;color:#6b7280;white-space:nowrap;z-index:2;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;min-width:0;padding:10px 20px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.tab-button:hover{color:#374151}.tab-button.active{color:#111827}.tab-background{z-index:1;background-color:#fff;border-radius:6px;position:absolute;top:4px;bottom:4px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.scroll-indicator{pointer-events:none;z-index:10;width:20px;transition:opacity .3s;position:absolute;top:0;bottom:0}.scroll-indicator-left{background:linear-gradient(90deg,#f3f4f6e6,#0000);border-radius:8px 0 0 8px;left:0}.scroll-indicator-right{background:linear-gradient(270deg,#f3f4f6e6,#0000);border-radius:0 8px 8px 0;right:0}.scroll-indicator.hidden{opacity:0}.scroll-arrow{color:#6b7280;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow-left{left:2px}.scroll-arrow-right{right:2px}.tab-content{background-color:#fff;border-radius:8px;min-height:400px;margin-top:16px;padding:32px 24px;box-shadow:0 1px 3px #0000000d}.tab-panel{width:100%;height:100%}@media (max-width:1024px){.tab-button{padding:10px 16px;font-size:13px}}@media (max-width:768px){.tabs-header{padding:3px}.tab-button{text-align:center;flex:1;min-width:80px;padding:8px 12px;font-size:12px}.tab-background{top:3px;bottom:3px}.tab-content{min-height:300px;margin-top:12px;padding:20px 16px}.scroll-indicator-left{border-radius:6px 0 0 6px}.scroll-indicator-right{border-radius:0 6px 6px 0}}@media (max-width:640px){.tabs-header{padding:2px}.tab-button{text-align:center;flex:1;min-width:70px;padding:6px 8px;font-size:11px}.tab-background{top:2px;bottom:2px}}@media (max-width:480px){.tab-button{text-align:center;flex:1;min-width:60px;padding:6px;font-size:10px}}@media (max-width:400px){.tabs-header{justify-content:flex-start;overflow-x:auto}.tab-button{flex:none;min-width:80px;padding:8px 12px;font-size:11px}}
.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.checkbox-container--disabled{cursor:not-allowed;opacity:.6}.checkbox-wrapper{position:relative}.checkbox{cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.checkbox:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox--checked{background:#fff;border-color:#2563eb}.checkbox__fill{transform-origin:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;position:absolute;inset:0}.checkbox__checkmark{z-index:2;color:#fff;transform-origin:50%;justify-content:center;align-items:center;display:flex;position:relative}.checkbox-label{color:#374151;font-size:14px;font-weight:500;line-height:1.4;transition:color .2s}.checkbox-container:hover .checkbox-label{color:#1f2937}.checkbox-container--disabled .checkbox{cursor:not-allowed;background:#f3f4f6;border-color:#d1d5db}.checkbox-container--disabled .checkbox:hover{box-shadow:none;border-color:#d1d5db}.checkbox-container--disabled .checkbox-label{color:#9ca3af}.checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.checkbox:before{content:"";pointer-events:none;background:#3b82f633;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox:active:before{width:40px;height:40px}
.checkbox-group{width:100%}.checkbox-group--disabled{opacity:.6;pointer-events:none}.checkbox-group__header{margin-bottom:20px;position:relative}.checkbox-group__title{color:#1f2937;margin:0 0 8px;font-size:1.25rem;font-weight:600}.checkbox-group__subtitle{color:#6b7280;margin:0;font-size:.9rem;line-height:1.4}.checkbox-group__counter{color:#374151;background:#f3f4f6;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:0;right:0}.counter--max{color:#dc2626;background:#fef2f2}.checkbox-group__options{flex-direction:column;gap:12px;display:flex}.checkbox-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.checkbox-option:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.checkbox-option--selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.checkbox-option--disabled{cursor:not-allowed;opacity:.5;background:#f9fafb}.checkbox-option--disabled:hover{box-shadow:none;background:#f9fafb;border-color:#e5e7eb}.select-all-option{background:#f9fafb;border-style:dashed;border-color:#9ca3af}.select-all-option:hover{background:#f3f4f6;border-color:#6b7280}.select-all-option.checkbox-option--selected{background:#eff6ff;border-style:solid;border-color:#2563eb}.select-all-limit{color:#6b7280;background:#f3f4f6;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem;font-weight:400}.select-all-indicator{background:#8b5cf6}.checkbox-option__checkbox{background:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex;position:relative;overflow:hidden}.checkbox-option--selected .checkbox-option__checkbox{border-color:#2563eb}.checkbox-option__fill{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;position:absolute;inset:0}.checkbox-option__checkmark{z-index:2;color:#fff;justify-content:center;align-items:center;display:flex;position:relative}.checkbox-option__content{flex:1;min-width:0}.checkbox-option__label{color:#1f2937;align-items:center;gap:8px;margin-bottom:4px;font-size:1rem;font-weight:500;display:flex}.checkbox-option__mode{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:400}.checkbox-option__description{color:#6b7280;align-items:flex-start;gap:6px;font-size:.85rem;line-height:1.4;display:flex}.checkbox-option__description svg{flex-shrink:0;margin-top:2px}.checkbox-option__indicator{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.checkbox-group__warning{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:.9rem;display:flex}@media (max-width:640px){.checkbox-option{padding:12px}.checkbox-group__counter{margin-top:8px;display:inline-block;position:static}.checkbox-option__label{font-size:.9rem}.checkbox-option__description{font-size:.8rem}}
.toggle-btn-1{cursor:pointer;border:none;border-radius:16px;outline:none;width:44px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.toggle-btn-1--off{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.toggle-btn-1--on{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.toggle-btn-1__circle{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px}.toggle-btn-1--off .toggle-btn-1__circle{left:2px;transform:translate(0)}.toggle-btn-1--on .toggle-btn-1__circle{left:-6px;transform:translate(28px)}.toggle-btn-1:active{transform:scale(.98)}
button.btn-expancion{position:relative}button.btn-expancion.ripple-active{box-shadow:0 7px 20px #0006}button.btn-expancion .ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:2s linear ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-normal-basic{justify-content:center;width:100%;height:42px;display:flex;position:relative}.btn-normal-basic,.btn-normal-basic *{transition:all .5s}.btn-normal-basic button{color:#3d65fd;cursor:pointer;background-color:#0000;border:1px solid #1c1c1c80;border-radius:6px;outline:none;width:100%;max-width:222px;height:100%;font-size:18px;font-weight:600;position:relative}.btn-normal-basic button:active{color:#fff;background-color:#3d65fd;transform:scale(.9)}.btn-normal-basic button:disabled{background-color:#3d65fd}.btn-normal-basic button:focus,.btn-normal-basic button:hover{color:#fff;background-color:#3d65fd}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-text{justify-content:center;display:flex}.btn-text button{color:#3d65fd;cursor:pointer;background-color:#0000;border:none;outline:none;font-size:18px;font-weight:600;transition:all .5s}.btn-text button span{text-decoration:none}.btn-text button:active{color:#3d65fd;transform:scale(.9)}
@keyframes border-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container-row-circle{color:#fff;position:relative}.container-row-circle.active button:before{content:"";color:#3d65fd;border:4px solid #0000;border-radius:50%;width:32px;height:32px;animation:.6s .6s forwards circle;position:absolute;top:-6px;transform:translate(-50%,-50%)}.container-row-circle.active button .icon{color:#3d65fd;display:block}.container-row-circle button{cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:flex-end;font-size:18px;font-weight:600;display:flex;position:absolute;left:0;transform:translateY(50%)}@keyframes circle{0%{border-color:#0000;transform:rotate(0)}25%{border-color:#0000 #3d65fd #0000 #0000}50%{border-color:#0000 #3d65fd #3d65fd #0000}75%{border-color:#0000 #3d65fd #3d65fd}to{border-color:#3d65fd;transform:rotate(-700deg)}}
.btn-loki{cursor:pointer;border:none;outline:none;align-items:center;width:16px;height:14px;display:flex;position:relative}.btn-loki span{background-color:#1c1c1c;border-radius:4px;width:100%;height:3px;transition:all .5s;position:absolute;left:0}.btn-loki span:last-of-type{top:0}.btn-loki span:nth-last-of-type(3){bottom:0}.btn-loki.active span{height:3px}.btn-loki.active span:last-of-type{background-color:#1c1c1c;transform:translateY(4px)translate(1px)rotate(-45deg)}.btn-loki.active span:nth-last-of-type(3){background-color:#1c1c1c;transform:translateY(-7px)translate(1px)rotate(45deg)}.btn-loki.active span:nth-last-of-type(2){opacity:0;background-color:#1c1c1c}.btn-menu.active span:nth-last-of-type(2){left:80%}.btn-menu.active:before{content:"";border:3px solid #0000;border-radius:50%;width:30px;height:30px;margin:-19px 0 0 -18px;animation:.5s .3s forwards circulo;position:absolute;top:62%;left:72%;transform:translate(-50%,-50%)}@keyframes circulo{0%{border-color:#0000;transform:rotate(0)}25%{border-color:#0000 #3d65fd #0000 #0000}to{border-color:#3d65fd;transform:rotate(-700deg)}}
.btn-freya{background-color:#0000;border:none;outline:none}.btn-freya span{color:#3d65fd;border-top:.125rem solid;width:20px;display:block}.btn-freya span:after,.btn-freya span:before{content:"";background-color:currentColor;width:20px;height:2px;margin-top:5px;transition:all .5s;display:block;position:relative}.btn-freya.active span{border-top-color:#0000}.btn-freya.active span:before{transform:rotate(135deg)}.btn-freya.active span:after{top:-.4375rem;transform:rotate(-135deg)}
.btn-thor{cursor:pointer;background:0 0;border:none;width:50px;height:50px;padding:0;transition:all .2s;position:relative;inset:0}.btn-thor:active,.btn-thor:focus{outline:none}.btn-thor .hamburguer{width:32px;height:25px;transition:all .4s}.btn-thor .hamburguer,.btn-thor .hamburguer .bar{margin:auto;display:block;position:absolute;inset:0}.btn-thor .hamburguer .bar{background:#3d65fd;outline:1px solid #0000;width:32px;height:3px;transition:all .2s}.btn-thor .hamburguer .bar-1{transform:rotate(0)translateY(-10px)}.btn-thor .hamburguer .bar-3{transform:rotate(0)translateY(10px)}.btn-thor.active .hamburguer{transform:rotate(180deg)}.btn-thor.active .hamburguer .bar-1{transform:rotate(45deg)translate(0,0)}.btn-thor.active .hamburguer .bar-2{opacity:0}.btn-thor.active .hamburguer .bar-3{transform:rotate(-45deg)translate(0,0)}
.spinner-container{z-index:999;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{width:80px;height:80px;display:inline-block;position:relative}.lds-ripple div{opacity:1;border:4px solid #3d65fd;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{opacity:0;width:8px;height:8px;top:36px;left:36px}4.9%{opacity:0;width:8px;height:8px;top:36px;left:36px}5%{opacity:1;width:8px;height:8px;top:36px;left:36px}to{opacity:0;width:80px;height:80px;top:0;left:0}}
.status-badge{text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:none;border-radius:25px;justify-content:center;align-items:center;min-width:80px;height:22px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.status-badge__text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.status-badge--success{background-color:#22c55e}.status-badge--warning{background-color:#f59e0b}.status-badge--error{background-color:#ef4444}.status-badge--info{background-color:#3b82f6}.status-badge--primary{background-color:#8b5cf6}.status-badge--secondary{background-color:#6b7280}.status-badge--clickable{cursor:pointer}.status-badge--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.status-badge--clickable:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.status-badge--clickable:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.status-badge--success.status-badge--clickable:hover{background-color:#16a34a}.status-badge--warning.status-badge--clickable:hover{background-color:#d97706}.status-badge--error.status-badge--clickable:hover{background-color:#dc2626}.status-badge--info.status-badge--clickable:hover{background-color:#2563eb}.status-badge--primary.status-badge--clickable:hover{background-color:#7c3aed}.status-badge--secondary.status-badge--clickable:hover{background-color:#4b5563}
.textarea-wrapper{width:100%;margin-bottom:1rem;position:relative}.textarea-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.required-indicator{color:#ef4444;margin-left:.25rem}.container-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;transition:all .2s ease-in-out;position:relative}.container-textarea:hover{border-color:#9ca3af}.container-textarea.focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.container-textarea.error{border-color:#ef4444}.container-textarea.error.focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.container-textarea.disabled{cursor:not-allowed;background-color:#f9fafb;border-color:#e5e7eb}.container-textarea textarea{color:#111827;resize:vertical;background:0 0;border:none;outline:none;width:100%;min-height:100px;padding:.75rem;font-size:.875rem;line-height:1.5}.container-textarea textarea::placeholder{color:#0000}.container-textarea textarea:disabled{cursor:not-allowed;color:#9ca3af}.container-textarea .label-ico{color:#6b7280;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.container-textarea.icon-placehorder textarea,.container-textarea.icon-placehorder .holder{padding-left:2.5rem}.container-textarea .holder{color:#9ca3af;pointer-events:none;transform-origin:0 0;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.5;transition:all .2s ease-in-out;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.container-textarea .holder.has-content{color:#6b7280;background-color:#fff;margin-left:-.25rem;padding:0 .25rem;transform:translateY(-1.5rem)scale(.85)}.container-textarea.focus .holder{color:#3b82f6}.container-textarea.error .holder{color:#ef4444}.container-textarea.disabled .holder{color:#9ca3af}.error-message{color:#ef4444;margin-top:.5rem;font-size:.75rem}@media (max-width:640px){.container-textarea textarea{font-size:16px}}
.input-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:400px;padding:16px;box-shadow:0 1px 3px #0000001a}.input-list-title{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.4}.input-list-input-section{gap:8px;margin-bottom:16px;display:flex}.input-list-input-wrapper{flex:1}.input-list-input-wrapper .input-wrapper .container-input{min-width:0}.input-list-input-wrapper input,.input-list-input-wrapper .input-field{box-sizing:border-box;height:38px!important;min-height:38px!important}.input-list-input-wrapper>div{height:38px}.input-list-add-btn{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;transition:all .2s;display:flex}.input-list-add-btn:hover:not(:disabled){background-color:#0f172a;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.input-list-add-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.input-list-add-btn:disabled{cursor:not-allowed;box-shadow:none;background-color:#d1d5db;transform:none}.input-list-add-btn.adding{background-color:#3b82f6;animation:.5s ease-in-out pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.input-list-items-section{min-height:40px}.input-list-items-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.active-count{color:#10b981;font-weight:600}.input-list-limit{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:10px}.input-list-items{flex-direction:column;gap:6px;display:flex}.input-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;transition:all .2s;animation:.3s ease-out slideIn;display:flex}.input-list-item.inactive{opacity:.7;background:#f1f5f9;border-color:#d1d5db}.input-list-item:hover{background:#f1f5f9;border-color:#cbd5e1}.input-list-item.inactive:hover{background:#e2e8f0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-list-item-content{flex:1;align-items:center;min-height:28px;display:flex}.input-list-item-text{color:#374151;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:2px 4px;font-size:14px;font-weight:500;line-height:1.4;transition:all .2s;overflow:hidden}.input-list-item.inactive .input-list-item-text{color:#9ca3af;text-decoration:line-through}.input-list-item-text.editable{cursor:pointer}.input-list-item-text.editable:hover{color:#1f2937;background:#e2e8f0}.input-list-item-actions{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:2px;display:flex}.input-list-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex;position:relative}.input-list-checkbox-container:hover{background:#8b5cf626;border-color:#8b5cf64d;transform:scale(1.05)}.input-list-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.input-list-checkbox-checkmark{background-color:#fff;border:2px solid #8b5cf6;border-radius:4px;width:16px;height:16px;transition:all .2s;position:relative;box-shadow:0 1px 2px #8b5cf61a}.input-list-checkbox-container:hover .input-list-checkbox-checkmark{border-color:#7c3aed;box-shadow:0 2px 4px #8b5cf633}.input-list-checkbox:checked~.input-list-checkbox-checkmark{background-color:#111827;border-color:#111827}.input-list-checkbox-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:3px;height:7px;display:none;position:absolute;top:0;left:4px;transform:rotate(45deg)}.input-list-checkbox:checked~.input-list-checkbox-checkmark:after{display:block}.input-list-edit-btn{color:#9ca3af;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.input-list-edit-btn:before{content:"";background:linear-gradient(90deg,#0000,#3b82f633,#0000);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.input-list-edit-btn:hover:not(:disabled){color:#2563eb;background:#3b82f626;border-color:#3b82f64d;transform:scale(1.05);box-shadow:0 2px 8px #3b82f633}.input-list-edit-btn:hover:not(:disabled):before{left:100%}.input-list-edit-btn:active:not(:disabled){background:#3b82f633;transform:scale(.95)}.input-list-remove-btn{color:#9ca3af;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.input-list-remove-btn:before{content:"";background:linear-gradient(90deg,#0000,#ef444433,#0000);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.input-list-remove-btn:hover:not(:disabled){color:#dc2626;background:#ef444426;border-color:#ef44444d;transform:scale(1.05);box-shadow:0 2px 8px #ef444433}.input-list-remove-btn:hover:not(:disabled):before{left:100%}.input-list-remove-btn:active:not(:disabled){background:#ef444433;transform:scale(.95)}.input-list-remove-btn:disabled{color:#d1d5db;cursor:not-allowed;background:#d1d5db1a;border-color:#d1d5db33}.input-list-edit-container{align-items:center;gap:8px;width:100%;display:flex}.input-list-edit-input{color:#374151;background:#fff;border:1px solid #3b82f6;border-radius:4px;outline:none;flex:1;height:28px;padding:4px 8px;font-size:14px;font-weight:500;box-shadow:0 0 0 2px #3b82f61a}.input-list-edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.input-list-save-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;margin-right:8px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #10b98133}.input-list-save-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.input-list-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.input-list-save-btn:hover:not(:disabled):before{left:100%}.input-list-save-btn:active:not(:disabled){transform:scale(.95)}.input-list-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#d1d5db;border-color:#d1d5db}.input-list-empty{text-align:center;color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;padding:20px 16px;font-size:13px;font-style:italic}.input-list-warning{color:#92400e;text-align:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12px}@media (max-width:768px){.input-list-container{max-width:100%;padding:12px}.input-list-input-section{gap:6px}.input-list-item{padding:6px 10px}.input-list-item-text{font-size:13px}.input-list-item-actions{gap:6px}.input-list-edit-btn,.input-list-remove-btn,.input-list-save-btn{width:24px;height:24px}.input-list-checkbox-container{padding:3px}.input-list-checkbox-checkmark{width:14px;height:14px}.input-list-edit-input{height:24px;padding:3px 6px;font-size:13px}.input-list-input-wrapper input,.input-list-input-wrapper .input-field{height:34px!important;min-height:34px!important}.input-list-input-wrapper>div{height:34px}}
.dropdown{justify-content:center;align-items:center;display:flex;position:relative}.dropdown-trigger{cursor:pointer;color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:140px;height:40px;padding:8px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.dropdown-trigger.icon-only{justify-content:center;width:40px;min-width:auto;height:40px;padding:8px}.dropdown-trigger:hover{background:#f9fafb;border-color:#cbd5e1}.dropdown-trigger:focus,.dropdown-trigger.open{background:#f9fafb;border-color:#020817;outline:none;box-shadow:0 0 0 2px #020817}.dropdown-arrow{color:#111827;width:18px;height:18px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-content{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:100%;max-height:240px;margin-top:7px;padding:4px 0;transition:all .2s;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-8px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dropdown-content.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content.large{width:max-content;min-width:250px}.dropdown-item{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;border-radius:6px;align-items:center;width:calc(100% - 8px);margin:4px;padding:10px 16px;font-size:14px;transition:background-color .15s,color .15s;display:flex}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item:focus{background-color:#e2e8f0;outline:none}.dropdown-item:active{background-color:#cbd5e1}.dropdown-item.selected{background-color:#f1f5f9;font-weight:500}.dropdown-item.disabled{color:#d1d5db;cursor:not-allowed}.dropdown-divider{background:#f3f4f6;height:1px;margin:6px 0}.dropdown-large-content{min-width:250px;padding:16px}.dropdown-large-content h3{color:#111827;margin:0 0 12px;font-size:16px;font-weight:600}.dropdown-large-content p{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.dropdown-large-content .stats{gap:16px;margin-bottom:16px;display:flex}.dropdown-large-content .stat{text-align:center}.dropdown-large-content .stat-number{color:#3b82f6;font-size:18px;font-weight:700;display:block}.dropdown-large-content .stat-label{color:#6b7280;margin-top:4px;font-size:12px}.dropdown-large-content .actions{gap:8px;display:flex}.dropdown-large-content .btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.dropdown-large-content .btn-primary{color:#fff;background:#3b82f6}.dropdown-large-content .btn-primary:hover{background:#2563eb}.dropdown-large-content .btn-secondary{color:#374151;background:#f3f4f6}.dropdown-large-content .btn-secondary:hover{background:#e5e7eb}.dark .dropdown-trigger,.dark .dropdown-trigger.icon-only{color:#f9fafb;background:#1f2937;border-color:#374151}.dark .dropdown-trigger:hover{background:#374151;border-color:#4b5563}.dark .dropdown-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dark .dropdown-trigger.open{background:#374151}.dark .dropdown-content,.dark .dropdown-content.large{background:#1f2937;border-color:#374151}.dark .dropdown-item{color:#f9fafb}.dark .dropdown-item:hover{background:#374151}.dark .dropdown-item:focus,.dark .dropdown-divider{background:#4b5563}.dark .dropdown-large-content h3{color:#f9fafb}.dark .dropdown-large-content p{color:#9ca3af}.dark .dropdown-large-content .btn-secondary{color:#f9fafb;background:#374151}.dark .dropdown-large-content .btn-secondary:hover{background:#4b5563}
.select-root{width:100%;display:inline-block;position:relative}.select-trigger{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;justify-content:space-between;align-items:center;width:100%;min-width:140px;height:46px;min-height:46px;max-height:46px;padding:0 16px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.select-trigger:focus,.select-trigger:active,.select-trigger[data-state=open]{outline-offset:2px;outline:2px solid #020817}.select-value{text-align:left;color:#111827;flex:1}.select-value[data-placeholder]{color:#111827}.select-icon{color:#111827;flex-shrink:0;width:18px;height:18px;transition:transform .6s}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-content{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:240px;margin-top:7px;position:absolute;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.select-content[data-open-upward=true]{margin-top:0;margin-bottom:7px;top:auto;bottom:100%}.select-search-wrapper{z-index:1;background:#fff;border-bottom:none;height:0;padding:0;position:sticky;top:0}.select-search-input{opacity:0;background:0 0;border:none;outline:none;width:100%;height:1px;padding:0;font-size:14px}.select-search-input:focus{box-shadow:none;border-color:#0000}.select-item{color:#111827;cursor:pointer;border-radius:6px;outline:none;align-items:center;height:40px;margin:5px;padding:9px 16px;font-size:14px;line-height:1.5;transition:all .15s;display:flex;position:relative}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:#f1f5f9}.select-item[data-selected]{color:#111827;background-color:#f1f5f9}.select-item[data-disabled]{color:#d1d5db;cursor:not-allowed;pointer-events:none}.select-item-indicator{color:#6b7280;opacity:0;width:16px;height:16px;transition:opacity .15s;position:absolute;right:16px}.select-item[data-selected] .select-item-indicator{opacity:1}.select-separator{background-color:#f3f4f6;height:1px;margin:8px 0}.select-label{color:#111827;text-transform:uppercase;letter-spacing:.1em;padding:12px 16px 6px;font-size:11px}.select-item-multiple{padding-left:44px}.select-item-checkbox{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex;position:absolute;left:16px}.select-item[data-selected] .select-item-checkbox{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.select-item-checkbox svg{opacity:0;width:12px;height:12px;transition:opacity .15s}.select-item[data-selected] .select-item-checkbox svg{opacity:1}.select-tags-wrapper{flex-wrap:wrap;gap:8px;max-height:240px;margin-top:12px;display:flex;overflow:hidden auto}.select-tag{color:#374151;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:12px;display:inline-flex}.select-tag-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-tag-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background-color .15s;display:flex}.select-tag-remove:hover{color:#6b7280;background:#f3f4f6}.select-tag-remove svg{width:10px;height:10px}.select-no-results{color:#6b7280;text-align:center;padding:12px 16px;font-size:14px}
.btn-aside{cursor:pointer;width:28px;height:28px;display:inline-block;position:relative}.btn-aside__rectangle{border:2px solid #3d65fd;border-radius:3px;width:75%;height:75%;position:absolute;top:12.5%;left:12.5%}.btn-aside__divider{background-color:#3d65fd;width:2px;height:75%;position:absolute;top:12.5%;left:37.5%}.btn-aside__arrow{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #3d65fd;width:0;height:0;transition:transform .3s ease-in-out;position:absolute;top:50%;left:53%;transform:translateY(-50%)rotate(0)}.btn-aside__arrow.active{transform:translateY(-50%)rotate(180deg)}
.btn{color:#fafafa;cursor:pointer;white-space:nowrap;background-color:#020817;border:1px solid #e5e7eb;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;height:40px;min-height:40px;max-height:40px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn:hover{border-color:#d1d5db}.btn:disabled{color:#020817;background-color:#bbbec524}.btn:active,.btn:focus{outline-offset:2px;outline:2px solid #020817}.btn--icon-only{min-width:36px;min-height:36px;padding:8px}.btn--small{padding:6px 12px;font-size:13px}.btn--large{padding:12px 20px;font-size:16px}.btn--dropdown{position:relative}.btn--dropdown:hover{outline-offset:2px;outline:2px solid #020817}.btn--dropdown:after{content:"";border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:4px}.btn__icon{color:#000;flex-shrink:0;width:16px;height:16px}.btn__icon svg{fill:#0000;width:100%;height:100%}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background-color:#1f2937;border-radius:4px;margin-bottom:8px;padding:6px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:after{content:"";border-top:4px solid #1f2937;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.dropdown{display:inline-block;position:relative}.dropdown__menu{opacity:0;visibility:hidden;z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:160px;margin-top:4px;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(-8px);box-shadow:0 4px 6px -1px #0000001a}.dropdown--hover:hover .dropdown__menu,.dropdown--click.dropdown--open .dropdown__menu,.dropdown.dropdown--open .dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{color:#374151;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;text-decoration:none;transition:background-color .2s;display:flex}.dropdown__item:hover{background-color:#f3f4f6}.dropdown__item:first-child{border-radius:6px 6px 0 0}.dropdown__item:last-child{border-radius:0 0 6px 6px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--loading{pointer-events:none}.btn--loading .btn__icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}