.header-status{display:flex;align-items:center;gap:14px}#logout{border:1px solid var(--line);background:#fff;color:var(--muted);padding:6px 10px;border-radius:6px;font-size:13px}.login-panel{max-width:440px;margin:80px auto;padding:32px;background:white;border:1px solid var(--line);border-radius:18px}.login-panel h1{font-size:30px}.login-panel p{font-size:14px;color:var(--muted)}.login-panel form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-panel label{font-size:14px;font-weight:600}.login-panel input{padding:12px;border:1px solid #b5c3dc;border-radius:8px;width:100%;font-size:16px}.login-panel small{font-size:12px;color:var(--muted);line-height:1.8;display:block}.login-panel #login-error{color:#a52a3a;margin:0;min-height:20px}@media(max-width:560px){.login-panel{margin:35px 16px;padding:24px}.header-status{gap:8px}}