*{box-sizing:border-box}body{color:#111;background:#fafafa;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}main{text-align:center;width:100%;max-width:400px;padding:24px}form{justify-content:center;gap:8px;display:flex}input{border:1px solid #ccc;border-radius:6px;flex:1;padding:8px 12px;font-size:16px}button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:6px;padding:8px 16px;font-size:16px}button:disabled{opacity:.5;cursor:default}.logout{color:#666;background:0 0;margin-top:24px;text-decoration:underline}.badge{color:#555;background:#eee;border-radius:999px;margin:0 0 24px;padding:4px 12px;font-size:14px;display:inline-block}.badge.xq{color:#1a56db;background:#e6f0ff}