*{box-sizing:border-box}body{margin:0;background:#f4f1f7;font-family:Arial;color:#241c2d}header{height:70px;background:#2b1345;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%}header a{color:#fff;font-weight:800;text-decoration:none}header button{border:0;padding:9px 14px;border-radius:4px}.login{max-width:420px;margin:90px auto;background:#fff;padding:35px;border-radius:10px;box-shadow:0 15px 45px #0002}.login form,.panel form{display:grid;gap:12px}.login input,.panel input,.panel textarea{padding:13px;border:1px solid #d7d0df;border-radius:5px;font:inherit;width:100%}.panel textarea{min-height:130px}.login button,.panel button{background:#432080;color:#fff;border:0;padding:13px;border-radius:5px;font-weight:800;cursor:pointer}.app{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}aside{background:#30164b;padding:20px}aside button{width:100%;text-align:left;background:none;border:0;color:#fff;padding:13px;border-radius:5px;margin-bottom:4px;cursor:pointer}aside button:hover{background:#522672}main{padding:35px;max-width:1200px;width:100%}.panel{background:#fff;padding:28px;border-radius:9px;box-shadow:0 8px 25px #0000000b}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{padding:20px;border:1px solid #ddd;border-radius:7px}.item{padding:14px;border-bottom:1px solid #eee}.item a{color:#432080}@media(max-width:750px){.app{grid-template-columns:1fr}aside{display:flex;overflow:auto}aside button{min-width:145px}.stats{grid-template-columns:1fr 1fr}main{padding:15px}}