body{font-family:Inter,system-ui,Arial;margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0f172a;color:#fff}.layout{display:flex;min-height:80vh}.sidebar{width:260px;padding:16px;background:#f8fafc}.main{flex:1;padding:20px}.hero{background:#eef2ff;padding:20px;border-radius:8px;margin-bottom:16px}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}.compact .sidebar{width:180px}.btn{display:block;margin:8px 0;padding:8px 12px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}