:root{--background-color: #050517;--orange: #cf5c36;--orange-hovered: #e8683e;--beige: #efc88b;--beige-2: #f4e3b2;--white: #d3d5d7;--white-2: #ffffff;--white-3: #e6e6e6;--black: #2f3640;--error: #e84118;--navbar-height: 3.5rem}*{margin:0;padding:0;box-sizing:border-box;color:inherit;font-family:Roboto,Arimo,sans-serif}body{background-color:var(--white);min-height:calc(100vh - var(--navbar-height))}.primary-button{background:var(--orange);color:var(--white-2);text-transform:uppercase;max-width:270px;width:100%;height:40px;margin:8px auto;border-radius:10px;font-size:1rem;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 10px #cf5c364d;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}.primary-button:hover:not(:disabled){background:var(--orange-hovered);box-shadow:0 4px 14px #cf5c3666;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 6px #cf5c3659}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.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;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:8px auto;transition:background-color .15s ease,opacity .15s ease}.secondary-button:hover:not(:disabled){background:#cf5c3626}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.transparent-button{color:var(--white);background:transparent;border-radius:10px;border:none;max-width:270px;width:100%;height:40px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:8px auto;transition:background-color .15s ease}.transparent-button:hover:not(:disabled){background:#cf5c3626}.transparent-button:disabled{opacity:.5;cursor:not-allowed}label{color:var(--white);text-transform:uppercase;display:flex;flex-direction:column;max-width:270px;width:100%}input{background:#05051780;border-radius:10px;border:1px solid transparent;height:2rem;margin-top:8px;margin-bottom:8px;padding-left:1rem;padding-right:1rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;box-shadow:0 0 0 3px #cf5c3673;border-color:var(--orange)}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{position:relative;display:flex;height:calc(100dvh - var(--navbar-height));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:14px;background-color:var(--white-3);box-shadow:0 4px 24px #05051714}.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-2);margin:1rem 2rem;height:3rem;border-radius:10px;box-shadow:0 1px 3px #05051714;transition:box-shadow .15s ease,transform .15s ease}.list-panel .item:hover{box-shadow:0 4px 12px #0505171a}.list-panel .item .item-text{flex:1;min-width:0;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}@media(max-width:900px){.panel{padding:1rem}.list-panel .title{margin-left:1rem;margin-right:1rem;padding-top:1rem;padding-bottom:1rem}.list-panel .content-list{margin:1rem}.list-panel .item{margin:.75rem 1rem;flex-wrap:wrap;height:auto;min-height:3rem;padding:.5rem 0}}