:root{color:#281f22;background:#faf7f6;font:15px Inter,system-ui}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:#fff;background:#bd4d70;border:0;border-radius:10px;padding:.7rem 1rem}.logo{align-items:center;gap:.7rem;font-weight:800;display:flex}.logo b{color:#fff;background:#bd4d70;border-radius:9px;padding:.3rem .65rem;font:italic 26px Georgia}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #eadfe0;border-radius:20px;width:min(400px,90vw);padding:2rem}.login h1{margin:2rem 0}label{gap:.45rem;margin:1rem 0;font-weight:650;display:grid}input,textarea{border:1px solid #dfd5d6;border-radius:10px;padding:.8rem}textarea{min-height:100px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#2d2528;flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.shell nav{gap:.35rem;display:grid}.shell nav button{text-align:left;color:#d9ced1;background:0 0}.shell nav button.active{color:#fff;background:#bd4d70}.shell aside>button:last-child{background:0 0;margin-top:auto}.shell>main{min-width:0;padding:2rem}.shell header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.shell h1{margin:.35rem 0}.shell header small{color:#bd4d70;letter-spacing:.15em}.avatar{background:#f5dfe6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.cards{grid-template-columns:repeat(5,minmax(130px,1fr));gap:1rem;display:grid}.cards article,.panel{background:#fff;border:1px solid #eadfe0;border-radius:16px;padding:1.3rem}.cards strong{margin-top:.8rem;font-size:1.8rem;display:block}.panel{margin-top:1rem;overflow:auto}.narrow{max-width:680px}.inline{align-items:end;gap:1rem;display:flex}.inline label{flex:1}.metrics{gap:2rem;display:flex}.ok{background:#4aa478;border-radius:50%;width:10px;height:10px;display:inline-block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee4e5;padding:1rem}th{color:#796b70;font-size:.8rem}.danger{color:#a72d53;background:#fff0f3}@media (width<=850px){.shell{grid-template-columns:1fr}.shell nav,.cards{grid-template-columns:repeat(2,1fr)}.shell>main{padding:1rem}.inline{display:block}table{min-width:650px}}