body { font-family: Arial, sans-serif; background:#f4f5f7; margin:0; }
.auth-box { max-width:340px; margin:80px auto; background:#fff; padding:30px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.1); }
.auth-box h2 { margin-top:0; }
.auth-box input { width:100%; padding:10px; margin:8px 0; box-sizing:border-box; border:1px solid #ccc; border-radius:4px; }
.auth-box button { width:100%; padding:10px; background:#4a6cf7; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.error { color:#c0392b; }
.success { color:#27ae60; }
.topbar { display:flex; justify-content:space-between; padding:14px 24px; background:#222; color:#fff; }
.topbar a { color:#fff; }
.container { max-width:600px; margin:30px auto; background:#fff; padding:24px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.status-box { padding:10px; background:#eef1ff; border-radius:4px; margin-bottom:14px; }
button { padding:10px 16px; margin-right:8px; margin-bottom:14px; background:#4a6cf7; color:#fff; border:none; border-radius:4px; cursor:pointer; }
button:disabled { background:#aaa; cursor:not-allowed; }
.badge { display:inline-block; background:#e74c3c; color:#fff; border-radius:12px; padding:2px 10px; font-size:13px; margin-bottom:8px; }
.notif-list { list-style:none; padding:0; }
.notif-list li { padding:10px; border-bottom:1px solid #eee; }
.hint { font-size:13px; color:#666; margin-top:20px; }