body { margin:0; font-family: sans-serif; background: #f9f9f9; }
#loginPage { height:100vh; display:flex; align-items:center; justify-content:center; background:#2e7d32; }
#loginBox { background:#388e3c; padding:2rem; border-radius:12px; color:#fff; width:300px; text-align:center; }
#loginBox input, button { margin:0.5rem 0; padding:0.75rem; width:100%; border:none; border-radius:8px; }
#loginBox button { background:#ff6d00; color:#fff; font-weight:bold; }
header { background:#2e7d32; color:#fff; padding:1rem; display:flex; justify-content:space-between; }
nav { display:flex; flex-wrap:wrap; background:#1b5e20; }
nav button { flex:1; padding:1rem; background:none; border:none; color:#fff; cursor:pointer; }
nav button.active { background:#33691e; }
main { padding:1rem; }
section { display:none; }
section.active { display:block; }