*{box-sizing:border-box}body{margin:0;font-family:Arial;display:flex;background:#f5f7fb;color:#1d2939}aside{width:250px;min-height:100vh;background:#123b72;color:#fff;padding:25px;display:flex;flex-direction:column;gap:8px}aside button,aside a{border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:8px;text-decoration:none;font-size:15px}.tab.active,.tab:hover{background:#ffffff1f}aside small{margin-top:auto;color:#c7d8ee;line-height:1.5}main{padding:40px;flex:1}.panel{display:none}.panel.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats article,.box{background:#fff;border:1px solid #e5e7eb;padding:22px;border-radius:14px}.stats b{display:block;font-size:32px;color:#f58220}.box{margin-top:25px;max-width:700px}.box input,.box textarea{width:100%;margin:7px 0;padding:12px;border:1px solid #ddd;border-radius:8px}.box textarea{min-height:90px}.box button{background:#16865b;color:#fff;border:0;padding:12px;border-radius:8px;font-weight:bold}@media(max-width:700px){body{display:block}aside{width:100%;min-height:auto}aside small{display:none}main{padding:22px}.stats{grid-template-columns:1fr}}