body { font-family: -apple-system, sans-serif; background: #0f172a; color: white; margin: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.login-body { flex-direction: column; }
.login-form { display: flex; flex-direction: column; gap: 12px; width: 260px; }
.login-form input, .login-form button { padding: 14px; font-size: 18px; border-radius: 10px; border: none; }
.login-form button { background: #22c55e; color: white; font-weight: bold; }
.card { width: 320px; text-align: center; padding: 24px; }
.state { font-size: 24px; margin: 20px 0; }
.toggle-btn { width: 100%; padding: 24px; font-size: 22px; font-weight: bold; border-radius: 16px; border: none; background: #22c55e; color: white; }
.logout-btn { margin-top: 16px; background: none; border: 1px solid #475569; color: #94a3b8; padding: 8px 16px; border-radius: 8px; }
.meta { color: #94a3b8; font-size: 13px; margin-top: 8px; }
#log { list-style: none; padding: 0; text-align: left; font-size: 13px; color: #cbd5e1; }
#log li { padding: 6px 0; border-bottom: 1px solid #1e293b; }