:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#172033;background:#f4f6f8
}
*{box-sizing:border-box}
body{margin:0}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#111827;color:#fff}
.brand{display:flex;gap:12px;align-items:baseline}.brand span{opacity:.75}
nav{display:flex;gap:18px;align-items:center}nav a,.linkbtn{color:#fff;text-decoration:none}
.container{max-width:1080px;margin:34px auto;padding:0 18px}
.card{background:#fff;border:1px solid #e4e8ee;border-radius:14px;padding:28px;box-shadow:0 6px 24px rgba(17,24,39,.05)}
.auth-card{max-width:480px;margin:60px auto}.auth-card.wide{max-width:650px}
h1{margin-top:0}h2{margin-top:34px}.muted{color:#687386}
form label{display:flex;flex-direction:column;gap:7px;font-weight:600}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cfd6df;border-radius:9px;font:inherit;background:#fff}
textarea{resize:vertical}
button,.button{display:inline-block;border:0;border-radius:9px;padding:11px 16px;background:#111827;color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}
button.secondary{background:#e8edf3;color:#172033;padding:8px 10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.actions{margin-top:4px}
.alert{padding:12px 14px;border-radius:9px;margin:16px 0}.error{background:#fff0f0;color:#9b1c1c}.success{background:#edfdf3;color:#146c38}
.qr-wrap{text-align:center}.qr-wrap img{max-width:280px;width:100%;border:1px solid #e4e8ee;border-radius:12px}
.secret{display:block;overflow-wrap:anywhere;padding:12px;background:#f2f4f7;border-radius:8px}
.inline{display:inline-flex;gap:7px;align-items:center;margin:3px}.linkbtn{background:transparent;padding:0}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
.password-form input{width:160px;padding:8px}
small{color:#687386;font-weight:400}
@media(max-width:760px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{align-items:flex-start;gap:14px;flex-direction:column}nav{flex-wrap:wrap}.card{padding:20px}}