body{margin:0;grid-template-columns:220px 1fr;background:#eef5f9;color:#061827;font-family:Arial,sans-serif}aside,body{min-height:100vh;display:grid}aside{align-content:start;grid-gap:18px;gap:18px;padding:18px 14px;background:linear-gradient(180deg,#061f2d,#061724);color:#fff}.brand-block{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:14px 10px 18px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}.brand-block img{width:76px;height:76px;border-radius:16px;object-fit:cover}.brand-block span{color:#c7d8e4;font-size:.82rem;font-weight:700}nav{display:grid;grid-gap:8px;gap:8px}a{color:inherit;text-decoration:none}nav a{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.08);color:#d9e7ef;font-weight:800}section{padding:28px}main{display:grid;grid-gap:16px;gap:16px}.data-table{display:grid;overflow:hidden;border:1px solid #d4e3ec;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(6,24,39,.04)}.data-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf3f7}.data-row:last-child{border-bottom:0}@media (max-width:900px){.data-row,body{grid-template-columns:1fr}}