*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:#101411;font-family:Arial,sans-serif;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#101411;color:#fff;padding:30px;display:flex;flex-direction:column}aside a{color:#adff4f;text-decoration:none}aside h1{margin:40px 0 0}aside p{color:#fff7}aside nav{display:grid;gap:8px;margin-top:40px}aside button{border:0;background:#fff1;color:#fff;padding:13px;text-align:left;border-radius:10px;font-weight:800;cursor:pointer}aside>button{margin-top:auto}main{padding:45px;max-width:1100px;width:100%}#login{max-width:430px;margin:15vh auto;background:#fff;padding:35px;border-radius:25px}form,.form{display:grid;gap:13px}input,textarea,select{padding:13px;border:1px solid #0002;border-radius:10px;font:inherit}textarea{min-height:120px}button{padding:13px;border:0;border-radius:10px;background:#101411;color:#fff;font-weight:800;cursor:pointer}#panel header{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.box{background:#fff;border-radius:18px;padding:22px;margin:15px 0}.box h3{margin-top:0}.metric b{font-size:38px;color:#5e911f}.switches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.switches label{background:#f4f1e8;padding:13px;border-radius:10px}.row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #0001;padding:14px 0}.danger{background:#962c2c}.muted{color:#0007;font-size:13px}@media(max-width:750px){body{grid-template-columns:1fr}aside{position:static}aside nav{grid-template-columns:repeat(2,1fr);margin-top:15px}main{padding:20px}.grid,.switches{grid-template-columns:1fr}}