body { margin:0; font-family: Arial, sans-serif; background:#f9fafb; color:#111; }
.app { display:flex; flex-direction:column; height:100vh; }
.topbar { background:#1e3a8a; color:#fff; padding:1rem; display:flex; justify-content:space-between; align-items:center; }
.brand span { color:#facc15; }
.menu-btn { background:none; border:none; color:#fff; font-size:1.5rem; cursor:pointer; }
.nav { background:#3b82f6; display:flex; flex-direction:column; }
.nav-link { color:#fff; padding:1rem; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.2); }
.nav-link:hover { background:#2563eb; }
.hidden { display:none; }
.main { flex:1; padding:1rem; overflow:auto; }
.footer { background:#1e3a8a; color:#fff; padding:0.5rem; text-align:center; font-size:0.9rem; }
.status { font-size:0.8rem; margin-bottom:0.2rem; }