body { font-family: -apple-system, Arial, sans-serif; background:#f5f5f7; margin:0; }
nav { background:#1d1d1f; padding:12px 24px; }
nav a { color:#fff; text-decoration:none; margin-right:16px; }
.container { max-width:900px; margin:32px auto; background:#fff; padding:24px 32px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.1); }
table { width:100%; border-collapse:collapse; margin-top:16px; }
th, td { text-align:left; padding:8px; border-bottom:1px solid #eee; }
input[type=text], input[type=password] { width:100%; padding:8px; margin:6px 0 14px; box-sizing:border-box; }
button { background:#0071e3; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; }
button:hover { background:#0060c0; }
.flash { padding:10px; border-radius:6px; margin-bottom:16px; }
.flash.error { background:#ffe5e5; color:#a30000; }
.flash.success { background:#e6ffe9; color:#0a7d24; }