*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f8fc;color:#17213b}aside{position:fixed;left:0;top:0;bottom:0;width:245px;background:#fff;border-right:1px solid #e7eaf2;padding:22px}aside .brand{font-size:23px;font-weight:800;margin-bottom:25px;color:#0b7f43}aside a{display:block;text-decoration:none;color:#33415c;padding:13px 15px;border-radius:10px;margin:5px 0}aside a:hover{background:#0a1438;color:#fff}aside small{position:absolute;bottom:25px;color:#667}main{margin-left:245px;padding:35px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(17,24,39,.04)}.card h2{margin:0;font-size:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.product{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e9f2}.product img{width:100%;height:170px;object-fit:cover;background:#111}.product div{padding:15px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left}input,select,textarea{width:100%;padding:11px;border:1px solid #d8deea;border-radius:9px;margin:5px 0 12px}button,.btn{background:#0b7f43;color:#fff;border:0;padding:11px 16px;border-radius:9px;text-decoration:none;cursor:pointer;display:inline-block}.btn2{background:#0a1438}.danger{background:#b42318}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.alert{padding:12px;border-radius:10px;background:#e9f9ef;color:#146c2e;margin-bottom:15px}@media(max-width:760px){aside{position:static;width:100%;height:auto}main{margin:0;padding:18px}.row{grid-template-columns:1fr}}