body{display:flex;background:#0b1220;color:#eef2ff}#sidebar{position:fixed;width:230px;height:100vh;overflow:auto;background:#111827;padding:16px;border-right:1px solid #263346}.brand{font-size:22px;font-weight:700}.sub{font-size:12px;color:#94a3b8;margin-top:4px}#nav a{display:block;color:#cbd5e1;text-decoration:none;padding:8px 10px;border-radius:8px;margin:4px 0}#nav a:hover{background:#1f2937}#main{margin-left:230px;flex:1}header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:0;background:#0f172a;border-bottom:1px solid #243044}header input{width:280px;padding:10px;border-radius:8px;border:1px solid #334155;background:#172033;color:#fff}section,.group{padding:16px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}