:root{font-size:62.5%;--overlay-clr: rgba(255, 255, 255, .5);--base-clr: #11121a;--line-clr: #42434a;--text-clr: #e6e6ef;--hover-clr: #222533;--accent-clr: #5e63ff;--accent-clr-hover: #4a52e5;--secondary-text-clr: #b0b3c1;--success-clr: #198754;--success-clr-hover: #146c43;--save-clr: #1faa60;--save-clr-hover: #18894d;--cancel-clr: #dc3545;--cancel-clr-hover: #b02a37;--error-clr: #dc3545;--error-clr-hover: #b02a37;--edit-clr: #c98c00;--edit-clr-hover: #a67300;--filter-clr: #2d2f3b;--filter-clr-hover: #3a3c48;--filter-active-clr: #5e63ff22;--filter-border-clr: #5e63ff55;--toast-z-index: 12;--spinner-z-index: 11;--spinner-overlay-z-index: 10;--modal-z-index: 9;--modal-overlay-z-index: 8}*{margin:0;padding:0;box-sizing:border-box}body{font-size:1.6rem;font-family:Roboto,sans-serif;height:100dvh;background-color:var(--base-clr);color:var(--text-clr)}a{text-decoration:none}p{font-size:clamp(1.4rem,1vw + .7rem,1.5rem)}h2{font-size:clamp(1.8rem,2vw + 1rem,3.2rem)}h3{font-size:clamp(1.6rem,1.5vw + 1rem,2.4rem)}h2,h3{margin-bottom:2rem}h3{margin-top:2rem}.gap-1{gap:1rem}.gap-2{gap:2rem}label{font-size:clamp(1.3rem,1vw + .7rem,1.5rem)}.btn{padding:.8rem 1.5rem;border:none;color:var(--text-clr);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;height:3.7rem}.btn[disabled]{background-color:gray;cursor:not-allowed}.btn[disabled]:hover{background-color:gray}.add-btn{background-color:var(--accent-clr)}.add-btn:hover{background-color:var(--accent-clr-hover)}.edit-btn{background-color:var(--edit-clr)}.edit-btn:hover{background-color:var(--edit-clr-hover)}.save-btn{background-color:var(--save-clr)}.save-btn:hover{background-color:var(--save-clr-hover)}.cancel-btn{background-color:var(--cancel-clr)}.cancel-btn:hover{background-color:var(--cancel-clr-hover)}.back-btn{margin-top:2rem;background-color:var(--accent-clr);padding:.8rem 1.5rem;border:none;color:var(--text-clr);border-radius:.5rem;cursor:pointer;font-weight:700}.back-btn:hover{background-color:#4a52e5}.filter-btn{background-color:var(--filter-clr);border:1px solid var(--filter-border-clr);color:var(--secondary-text-clr);transition:all .2s ease}.filter-btn:not(:disabled):hover{background-color:var(--filter-clr-hover);color:var(--text-clr)}.filter-btn.active{background-color:var(--filter-active-clr);border-color:var(--accent-clr);color:var(--accent-clr)}label{display:block;margin-top:1rem;margin-bottom:.5rem}select,input{width:100%;padding:.8rem;border:1px solid var(--line-clr);background-color:var(--hover-clr);color:var(--text-clr);border-radius:.5rem}select{appearance:none;cursor:pointer}.error-message{color:var(--error-clr);font-size:1.3rem}.actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.horizontal{display:flex}.vertical{display:flex;flex-direction:column}.text-justify{text-align:justify}@media (max-width: 768px){.page-title{margin-top:1.5rem}.error-message{margin-bottom:1rem}}@media (max-width: 600px){.btn{padding:.8rem 1rem}}