.button{cursor:pointer;white-space:nowrap;border:none;border-radius:.3em;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--tag{padding:.2em .5em;font-size:.8em}.button--sm{padding:.25em .7em;font-size:.875em}.button--md{padding:.7em 1em;font-size:1em}.button--lg{height:48px;padding:0 24px;font-size:1.2em}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.button--secondary{background-color:var(--color-gray-100);color:var(--color-gray-900);border:1px solid var(--color-gray-300)}.button--secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.button--ghost{color:var(--color-gray-700);background-color:#0000;padding:.25em .5em}.button--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.button--danger{background-color:var(--color-error);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--color-error-dark)}.button--icon{width:40px;padding:0}.button--icon.button--sm{width:32px}.button--icon.button--lg{width:48px}.button--full{width:100%}.button--loading{position:relative}.button__spinner{border:2px solid var(--color-gray-900);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}
.input{width:100%;color:var(--color-gray-900);border:1px solid var(--color-gray-300);background-color:#fff;border-radius:.3em;padding:.7em 1em;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:block}.input::placeholder{color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #ef444433}.input--textarea{resize:vertical;height:auto;min-height:100px;padding:12px}.input-group{flex-direction:column;gap:6px;display:flex}.input-group__label{color:var(--color-gray-700);font-size:14px;font-weight:500}.input-group__label--required:after{content:" *";color:var(--color-error)}.input-group__error{color:var(--color-error);font-size:13px}.input-group__hint{color:var(--color-gray-500);font-size:13px}.input-wrapper{position:relative}.input-wrapper__icon{color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper .input{padding-left:40px}.input-wrapper--right .input-wrapper__icon{left:auto;right:12px}.input-wrapper--right .input{padding-left:12px;padding-right:40px}
.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.15s modal-overlay-show;display:flex;position:fixed;inset:0}@keyframes modal-overlay-show{0%{opacity:0}to{opacity:1}}.modal{background-color:#fff;border-radius:.3em;flex-direction:column;max-width:90vw;max-height:85vh;animation:.15s modal-show;display:flex;box-shadow:0 25px 50px -12px #00000040}@keyframes modal-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal--sm{width:400px}.modal--md{width:560px}.modal--lg{width:720px}.modal--xl{width:900px}.modal__header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{color:var(--color-gray-900);margin:0;font-size:18px;font-weight:600}.modal__close{width:32px;height:32px;color:var(--color-gray-500);cursor:pointer;background:0 0;border:none;border-radius:.3em;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.modal__close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal__body{flex:1;padding:24px;overflow-y:auto}.modal__footer{border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 .3em .3em;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:16px 24px;display:flex}.modal__description{color:var(--color-gray-600);margin:0 0 20px;font-size:14px}.modal--alert .modal__body{text-align:center;padding:32px 24px}.modal--alert .modal__icon{width:48px;height:48px;margin:0 auto 16px}.modal--alert .modal__icon--warning{color:var(--color-warning)}.modal--alert .modal__icon--error{color:var(--color-error)}.modal--alert .modal__icon--success{color:var(--color-success)}.modal--alert .modal__footer{justify-content:center}
.select{width:100%;position:relative}.select__trigger{width:100%;color:var(--color-gray-900);border:1px solid var(--color-gray-300);cursor:pointer;background-color:#fff;border-radius:.3em;justify-content:space-between;align-items:center;padding:.7em 1em;font-family:inherit;font-size:14px;transition:border-color .15s;display:flex}.select__trigger:hover{border-color:var(--color-gray-400)}.select__trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.select__trigger--open{border-color:var(--color-primary)}.select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.select__placeholder{color:var(--color-gray-400)}.select__icon{width:16px;height:16px;color:var(--color-gray-500);transition:transform .15s}.select__trigger--open .select__icon{transform:rotate(180deg)}.select__content{z-index:10000;border:1px solid var(--color-gray-200);background-color:#fff;border-radius:.3em;max-height:300px;animation:.15s select-show;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0000001a}@keyframes select-show{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select__viewport{padding:4px}.select__item{color:var(--color-gray-700);cursor:pointer;border-radius:.3em;align-items:center;gap:8px;padding:.5em 1em;transition:background-color .1s;display:flex}.select__item:hover{background-color:var(--color-gray-100)}.select__item--selected{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.select__item--disabled{opacity:.5;cursor:not-allowed}.select__item-icon{width:16px;height:16px}.select__separator{background-color:var(--color-gray-200);height:1px;margin:4px 0}.select__group-label{color:var(--color-gray-500);text-transform:uppercase;padding:8px 12px 4px;font-size:12px;font-weight:600}.tabs{flex-direction:column;display:flex}.tabs__list{border-bottom:1px solid var(--color-gray-200);gap:4px;padding-bottom:-1px;display:flex}.tabs__trigger{color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s}.tabs__trigger:hover{color:var(--color-gray-900)}.tabs__trigger--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs__content{padding:24px 0}.popover{display:inline-block;position:relative}.popover__content{z-index:100;border:1px solid var(--color-gray-200);background-color:#fff;border-radius:.3em;min-width:200px;animation:.15s popover-show;position:absolute;box-shadow:0 10px 40px #0000001a}@keyframes popover-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popover__content--top{margin-bottom:8px;bottom:100%}.popover__content--bottom{margin-top:8px;top:100%}.popover__content--left{right:0}.popover__content--right{left:0}.popover__arrow{border:1px solid var(--color-gray-200);background-color:#fff;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.tooltip{display:inline-block;position:relative}.tooltip__content{z-index:1000;color:#fff;background-color:var(--color-gray-900);white-space:nowrap;pointer-events:none;border-radius:.3em;padding:6px 10px;font-size:12px;animation:.1s tooltip-show;position:absolute}@keyframes tooltip-show{0%{opacity:0}to{opacity:1}}.tooltip__content--top{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%)}.tooltip__content--bottom{margin-top:8px;top:100%;left:50%;transform:translate(-50%)}
.dropzone{border:2px dashed var(--color-gray-300);background-color:var(--color-gray-50);cursor:pointer;border-radius:.3em;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;transition:all .15s;display:flex}.dropzone:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.dropzone--active{border-color:var(--color-primary);background-color:var(--color-primary-light);border-style:solid}.dropzone--disabled{opacity:.6;cursor:not-allowed}.dropzone--disabled:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.dropzone__icon{width:48px;height:48px;color:var(--color-gray-400);margin-bottom:16px}.dropzone--active .dropzone__icon{color:var(--color-primary)}.dropzone__title{color:var(--color-gray-700);margin-bottom:8px;font-size:16px;font-weight:500}.dropzone__description{color:var(--color-gray-500);text-align:center;font-size:14px}.dropzone__browse{color:var(--color-primary);font-weight:500}.dropzone__input{display:none}.dropzone__files{width:100%;margin-top:24px}.dropzone__file{border:1px solid var(--color-gray-200);background-color:#fff;border-radius:.3em;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.dropzone__file:last-child{margin-bottom:0}.dropzone__file-icon{background-color:var(--color-gray-100);width:40px;height:40px;color:var(--color-gray-500);border-radius:.3em;justify-content:center;align-items:center;display:flex}.dropzone__file-info{flex:1;overflow:hidden}.dropzone__file-name{color:var(--color-gray-900);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.dropzone__file-size{color:var(--color-gray-500);font-size:12px}.dropzone__file-progress{background-color:var(--color-gray-200);border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.dropzone__file-progress-bar{background-color:var(--color-primary);border-radius:2px;height:100%;transition:width .3s}.dropzone__file-remove{width:32px;height:32px;color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;border-radius:.3em;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.dropzone__file-remove:hover{background-color:var(--color-gray-100);color:var(--color-error)}.dropzone--compact{flex-direction:row;gap:16px;padding:24px}.dropzone--compact .dropzone__icon{width:32px;height:32px;margin-bottom:0}.dropzone--compact .dropzone__content{text-align:left}.dropzone--compact .dropzone__title{margin-bottom:4px;font-size:14px}.dropzone--compact .dropzone__description{text-align:left;font-size:13px}
.toast-provider{z-index:9999;flex-direction:column;gap:8px;max-width:420px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--color-gray-200);background-color:#fff;border-radius:.3em;align-items:flex-start;gap:12px;padding:16px;animation:.3s toast-slide-in;display:flex;box-shadow:0 10px 40px #00000026}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--info{border-left:4px solid var(--color-primary)}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-primary)}.toast__content{flex:1}.toast__title{color:var(--color-gray-900);margin-bottom:4px;font-size:14px;font-weight:600}.toast__description{color:var(--color-gray-600);font-size:14px}.toast__close{width:24px;height:24px;color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;border-radius:.3em;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.toast__close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.toast__action{margin-top:12px}.toast__progress{background-color:var(--color-gray-200);border-radius:0 0 8px 8px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.toast__progress-bar{background-color:var(--color-primary);height:100%;animation:5s linear forwards toast-progress}@keyframes toast-progress{0%{width:100%}to{width:0%}}.form{flex-direction:column;gap:16px;display:flex}.form__row{gap:16px;display:flex}.form__row>*{flex:1}.form__row--between{justify-content:space-between;align-items:center}.form__group{flex-direction:column;gap:12px;display:flex}.form__button{align-items:flex-end;display:flex}.form__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.form__divider{align-items:center;gap:16px;margin:8px 0;display:flex}.form__divider:before,.form__divider:after{content:"";background-color:var(--color-gray-200);flex:1;height:1px}.form__divider-text{color:var(--color-gray-500);font-size:13px}