:root{font-family:Arial,sans-serif;color:#203a55;background:#f7f2f5}*{box-sizing:border-box}body{margin:0}header{background:#203a55;color:white;padding:20px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}header h1{font-size:1.45rem;margin:0}main{max-width:1160px;margin:auto;padding:32px 20px 72px}.card{background:white;border:1px solid #dbcbd5;border-radius:16px;padding:24px;margin-bottom:22px;box-shadow:0 6px 22px #3420340d}.narrow{max-width:520px;margin:9vh auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tenant{border:1px solid #dbcbd5;border-radius:12px;padding:18px}.tenant h3{margin:0 0 8px}.tenant a,a{color:#803f63}.stat{font-size:1.65rem;font-weight:bold}.muted{color:#665b68}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.between{justify-content:space-between}.field{flex:1;min-width:220px}.tenant-field{flex:0 1 220px}label{display:block;font-weight:bold;margin:16px 0 7px}input,select{width:100%;font:inherit;border:1px solid #a68d9e;border-radius:8px;padding:12px;background:white}button{font:inherit;font-weight:bold;background:#203a55;color:white;border:0;border-radius:8px;padding:12px 16px;cursor:pointer;margin-top:12px}button.secondary{background:#eee6eb;color:#203a55}button.danger{background:#8e2f3a}button:disabled{opacity:.5;cursor:wait}h2{margin:0 0 18px}p{line-height:1.5}.error{color:#a72222}.success{color:#185d36}.hidden{display:none!important}.list{display:grid;gap:10px}.item{border:1px solid #e1d4dc;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.item strong{display:block}.item small{display:block;color:#675d67;line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:99px;background:#e9f3e9;color:#235d31;padding:4px 9px;font-size:.85rem}.pill.off{background:#f5e9e9;color:#8e2f3a}.linkbox{background:#faf7f8;border:1px solid #dbcbd5;padding:14px;border-radius:9px;overflow-wrap:anywhere}.secret{font-family:monospace;letter-spacing:.12em;overflow-wrap:anywhere}.codes{font:1.1rem/1.9 monospace;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;background:#faf7f8;padding:16px;border-radius:8px}#qr img{display:block;max-width:220px;height:auto;margin:16px auto}#login button,#changePassword button,#setup button,#verify button{width:100%}@media(max-width:600px){header{padding:18px}main{padding:20px 12px}.card{padding:18px}.codes{grid-template-columns:1fr}}
