:root{--orange-hovered: #e8683e;--orange: #cf5c36;--background-color: #050517;--white: #d3d5d7;--white-2: #ffffff;--white-3: #e6e6e6;--black: #2f3640;--beige: #efc88b;--beige-2: #f4e3b2;--blue: #2b4970;--error: #e84118}*{margin:0;padding:0;box-sizing:border-box;color:var(--color-letter)}body{background-color:var(--white);min-height:calc(100vh - 48px)}.primary-button{background:var(--orange);color:var(--white);text-transform:uppercase;max-width:270px;width:100%;height:40px;margin:8px auto;border-radius:10px;font-size:1rem}.primary-button:hover{background:var(--orange-hovered)}.secondary-button{color:var(--white);border:2px solid var(--orange);background:transparent;border-radius:10px;max-width:270px;width:100%;height:40px;font-size:1rem;text-transform:uppercase;margin:8px auto}.secondary-button:hover{background:#e8683e33}.transparent-button{color:var(--white);background:transparent;border-radius:10px;border:none;max-width:270px;width:100%;height:40px;font-size:1rem;text-transform:uppercase;margin:8px auto}.transparent-button:hover{background:#e8683e33}label{color:var(--white);text-transform:uppercase;display:flex;flex-direction:column;max-width:270px;width:100%}input{background:#051c3980;border-radius:10px;border:none;height:2rem;margin-top:8px;margin-bottom:8px;padding-left:1rem;padding-right:1rem}input:focus{outline:none;box-shadow:0 0 0 3px #cf5c36;border-color:#cf5c36}h1{text-align:center;color:var(--background-color);text-transform:uppercase}button:hover,.button-icon{cursor:pointer}.button-icon:hover{color:var(--orange)}.field-error,.form-error{color:var(--error);margin-bottom:1rem;font-weight:700}.loading-container{display:flex;align-items:center;justify-content:center;height:220px}.spinner{width:40px;height:40px;border:4px solid var(--white);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-text{text-align:center;color:var(--black);padding:2rem}.body-container{display:flex;height:calc(100dvh - 48px);width:100%}.content-container{height:100%;align-items:center;width:100%;overflow-y:auto}.panel{display:flex;height:100%;padding:2rem}.list-panel{display:flex;flex-direction:column;justify-content:start;height:100%;width:100%;border-radius:10px;background-color:var(--white-3)}.list-panel .icon{color:var(--orange);margin-right:.5rem}.list-panel .title{display:flex;justify-content:center;margin-left:2rem;margin-right:2rem;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--orange)}.list-panel .content-list{flex:1;overflow-y:auto;margin:1rem 2rem}.list-panel .item{display:flex;align-items:center;background-color:var(--white);margin:1rem 2rem;height:3rem;border-radius:10px}.list-panel .item .item-text{flex:1;margin-left:1rem;font-weight:700}.list-panel .item .item-text.clickable{cursor:pointer}.list-panel .item .item-text.clickable:hover{color:var(--orange)}.list-panel .item .item-actions{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.list-panel .item button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;padding:0}