@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,100..700,0,0);
@import url(https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Sora:wght@100..800&display=swap);
h1,h2,h3,h4,h5,h6{font-family:"Sora",sans-serif}h1{color:#ffb77d}h3{font-size:1.1rem;color:#ffb77d}input,select{padding:.5rem;background-color:hsla(0,0%,100%,.05);border:1px solid var(--border-color);border-radius:.5rem;color:#e4e1e6;font-size:1.1rem}input:focus-visible,select:focus-visible{outline:1px solid #ffb77d}select option{background-color:#101010}.form-input{--border-color: rgba(255, 255, 255, 0.1);display:flex;flex-direction:column;gap:.25rem}.form-input__label{display:flex;align-items:start;font-size:.9rem;color:#dbc2b0}.form-input:has([required]) .form-input__label::after{content:"*";margin-left:.25rem;font-size:.8rem}.form-input__error-message{font-size:.8rem;color:#ffb4ab}.form-input:has(.form-input__error-message:not(:empty)){--border-color: #ffb4ab}.form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:fit-content}.form-checkbox input{position:absolute;opacity:0;width:0;height:0}input:checked+.form-checkbox__box{background-color:#ffb77d;border-color:#ffb77d}input:not(:checked)+.form-checkbox__box .icon{display:none}.form-checkbox__box{display:block;width:1.1rem;height:1.1rem;border-radius:.25rem;border:1px solid #a38c7c;position:relative}.form-checkbox__box .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#4d2600;font-size:1rem}.sidebar{background-color:hsla(0,0%,100%,.01);border-right:1px solid hsla(0,0%,100%,.05);height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;position:sticky;top:0}.sidebar h1{font-weight:400;text-align:center}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem;height:100%}.sidebar__nav__link{font-family:"JetBrains Mono",sans-serif;display:flex;align-items:center;gap:.5rem;font-weight:600;color:#dbc2b0;padding:.6rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:.5rem;width:225px;position:relative;text-decoration:none}.sidebar__nav__link .icon{font-size:1.5rem}.sidebar__nav__link--active,.sidebar__nav__link:hover{color:#ffb77d}.sidebar__nav__link--active{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.05)}.sidebar__nav__link--active::after{content:"";position:absolute;top:50%;right:1rem;border-radius:50%;transform:translateY(-50%);width:.5rem;height:.5rem;background-color:#ffb77d;box-shadow:0 0 .6rem 0 #ffb77d}.sidebar__profile{display:flex;align-items:center;gap:1rem}.sidebar__profile__avatar{border-radius:50%;width:32px;height:32px}.sidebar__profile__name{width:100%}.sidebar__profile__logout{display:flex;align-items:center;text-align:right;text-decoration:none;font-size:1.2rem}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:.7rem;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:1rem;z-index:11;transition:.2s;max-height:calc(100vh - 4rem);min-width:400px;overflow-y:auto;backdrop-filter:blur(1rem);background-color:rgba(15,13,20,.7)}.modal:not(.modal--open){opacity:0;transform:translate(-50%, -50%) scale(0.8);pointer-events:none}.modal:not(.modal--open)+.modal-backdrop{opacity:0;pointer-events:none}.modal__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;margin-bottom:1rem}.modal__close{color:#dbc2b0;font-size:1.4rem}.modal__action-toolbar{position:sticky;bottom:-1rem;margin:0rem -1rem -1rem -1rem;padding:.75rem;background-color:hsla(0,0%,100%,.03)}.modal+.modal-backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;background-color:rgba(0,0,0,.6);backdrop-filter:blur(3px);transition:.2s}.drag-lists{display:flex;gap:1rem}.drag-lists h3{color:#dbc2b0}.drag-lists__list-container{display:flex;flex-direction:column;flex:1;gap:.5rem}.drag-lists__list{display:flex;flex-direction:column;gap:.5rem;min-width:250px;flex:1}.drag-lists__item{border-radius:.7rem;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:1rem;padding:.75rem 1rem;cursor:grab;display:flex;align-items:center;gap:.5rem;user-select:none;transition:background-color .2s}.drag-lists__item--hidden{display:none}.drag-lists__item .drag-handle{display:flex;align-items:center;color:#f9adf7}.ghost-item{opacity:.4}.messages{position:fixed;top:3rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.messages__item{border-radius:.7rem;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:1rem;display:flex;align-items:center;gap:.5rem;border-left:.3rem solid var(--message-color);max-width:350px;animation:messageSlideIn .2s ease-out;backdrop-filter:blur(1rem)}.messages__item:hover{filter:brightness(1.1)}.messages__item__label{font-size:.9rem}.messages__item__content{display:flex;flex-direction:column;text-align:left}.messages__item__label,.messages__item>.icon{color:var(--message-color)}.messages__item>.icon{display:flex;align-items:center;justify-content:center;font-size:1.4rem;position:relative;border-radius:50%;width:2.5rem;height:2.5rem;overflow:hidden}.messages__item>.icon::before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";background-color:currentColor;opacity:.2}.messages__item--success{--message-color: #87deaf}.messages__item--error{--message-color: #ffb4ab}.messages__item--warning{--message-color: #dcc66e}.messages__item--loading{--message-color: #f9adf7}.messages__item--loading>.icon::after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;border-top:2px solid currentColor;opacity:.5;animation:loadingSpin 1s linear infinite}@keyframes messageSlideIn{from{transform:translateX(1rem)}}.chip-multi-select-container{display:flex;flex-direction:column;gap:.5rem}.chip-multi-select-container>.label{font-size:.9rem;text-transform:uppercase;color:#dbc2b0}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip-list:not(:has(li)){display:none}.chip-list__item button{display:flex;align-items:center;border-radius:2rem;padding:.25rem .5rem;font-size:.9rem;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1)}.chip-list__item button:hover .icon{color:#f9adf7}.chip-list__item button .icon{margin-left:.25rem}.chip-multi-select{position:relative;z-index:1}.chip-multi-select>input{width:100%}.chip-multi-select--open .chip-multi-select__list{display:flex}.chip-multi-select__list{display:none;flex-direction:column;width:100%;border-radius:.5rem;padding:.5rem .75rem;gap:.5rem;background-color:#0f0d14;border:1px solid hsla(0,0%,100%,.1);max-height:250px;overflow-y:auto}.chip-multi-select__list__item--hidden{display:none}.option-switch{background-color:hsla(0,0%,100%,.03);padding:.25rem;border-radius:.5rem;width:fit-content}.option-switch__option{padding:.5rem 1rem;color:#dbc2b0;text-transform:uppercase;font-size:.9rem;border-radius:.5rem}.option-switch__option--active{color:#ffb77d;background-color:rgba(255,183,125,.1490196078)}*{box-sizing:border-box;margin:0;padding:0;border:0;outline:0;scrollbar-color:#39393c rgba(0,0,0,0);scrollbar-width:thin}body{font-family:"HankenGrotesk",sans-serif;background-color:#0f0d14;font-size:1.15rem;color:#e4e1e6;display:flex}main{padding:2rem;width:100%;overflow:auto;max-height:100vh}.label{font-family:"JetBrains Mono",sans-serif}p{color:#dbc2b0}.vue-component{display:contents}a{color:#ffb77d}.material-symbols-outlined{font-size:inherit}ul{list-style:none}.card{border-radius:1.5rem;background-color:rgba(20,20,20,.6);border:1px solid hsla(0,0%,100%,.05);padding:2rem 1.5rem;box-shadow:0 20px 40px 0 rgba(0,0,0,.5)}.inner-card{border-radius:.7rem;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);padding:1rem}.form{display:flex;gap:1rem;flex-direction:column}.form fieldset{display:flex;flex-direction:column;gap:.5rem}.form fieldset legend{text-transform:uppercase;color:#dbc2b0;font-family:"JetBrains Mono",sans-serif;font-size:.9rem;margin-bottom:.5rem}button{background:none;color:inherit;font-size:inherit;cursor:pointer}button[disabled]{pointer-events:none;user-select:none;opacity:.5}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;width:fit-content;font-family:"JetBrains Mono",sans-serif;font-size:1rem;cursor:pointer;text-decoration:none;padding:.5rem 1rem}.btn-primary:hover,.btn-secondary:hover{filter:brightness(0.9)}.btn-primary{color:#4d2600;background-color:#ffb77d}.btn-primary.btn--ghost{border:1px solid #ffb77d;color:#ffb77d}.btn-secondary{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);transition:border-color .15s ease}.btn-secondary--active,.btn-secondary.btn--active{color:#ffb77d}.btn--ghost{background-color:rgba(0,0,0,0)}.btn--small{padding:.3rem .5rem;gap:.3rem;font-size:.8rem}.loading-spinner{display:block;border-radius:50%;width:1.5rem;height:1.5rem;border-top:2px solid #f9adf7;animation:loadingSpin 1s linear infinite}@keyframes loadingSpin{to{transform:rotate(1turn)}}body{display:flex;align-items:center;justify-content:center;padding:3rem;gap:2rem;flex-direction:column;min-height:100vh}form{display:flex;flex-direction:column;gap:1rem;align-items:center}form h2{margin-bottom:.5rem}form button{margin-top:.5rem}