*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f6fa;color:#202033;display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#171827;color:white;padding:20px;display:flex;flex-direction:column;gap:6px}aside .brand{display:flex;gap:10px;align-items:center;margin-bottom:20px}.brand>b{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#6659ff,#ff62ae);display:grid;place-items:center}.brand small{display:block;color:#aaa;font-size:11px}aside button,aside a{border:0;background:transparent;color:#bbb;text-align:left;padding:12px;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer}aside button.active,aside button:hover,aside a:hover{background:#2a2b42;color:#fff}main{padding:30px;max-width:1200px;width:100%}header{display:flex;justify-content:space-between;align-items:flex-start}header small{color:#6659ff;font-weight:900}header span{background:#e9fff1;color:#178344;padding:8px 12px;border-radius:99px;font-weight:900}h1{font-size:38px;margin:5px 0}p{color:#707080;line-height:1.55}.tab{display:none}.tab.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div,article{background:#fff;padding:20px;border-radius:17px;box-shadow:0 6px 20px #0000000b}.stats b{display:block;font-size:34px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.warning{background:#fff4d7;border:1px solid #ecd28e;padding:14px;border-radius:13px;margin-top:15px}.tab article{margin-top:15px}.tab button{border:0;background:#6659ff;color:#fff;padding:11px 15px;border-radius:10px;font-weight:800;cursor:pointer}label{display:block;font-weight:800;margin:13px 0}input{display:block;width:100%;max-width:650px;padding:11px;margin-top:6px;border:1px solid #ddd;border-radius:9px}@media(max-width:750px){body{display:block}aside{position:static}main{padding:20px}.stats,.grid{grid-template-columns:1fr}header{display:block}header span{display:inline-block;margin-top:8px}}