*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#24343e;font:15px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}header{background:#17363b;color:white;display:flex;justify-content:space-between;padding:25px 5%}header span{color:#9db9b7}main{max-width:1180px;margin:36px auto;padding:0 24px}.heading{display:flex;justify-content:space-between;align-items:center}h1{font-size:32px;margin:8px 0}small{letter-spacing:2px;color:#678b86}p{color:#70828d;line-height:1.7}.card{background:white;border:1px solid #dfe7e9;border-radius:14px;padding:24px;margin:20px 0}h2{font-size:18px;margin:0 0 18px}#strategy{font-size:21px;font-weight:600;margin-bottom:22px}label{display:block;color:#657881}input{display:block;margin-top:8px;border:1px solid #cedbdd;border-radius:7px;padding:12px;width:100%;font:inherit}.actions{display:flex;gap:12px;margin-top:20px}button{border:0;border-radius:7px;padding:12px 20px;background:#137d6e;color:#fff;font:inherit;cursor:pointer}.danger{background:#bf635a}button:disabled{opacity:.4;cursor:default}#health{color:#137d6e}#message{color:#ba554e}.table{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{color:#748892;font-weight:500}td,th{padding:14px 10px;border-bottom:1px solid #e9eff0}td small{letter-spacing:0;display:block}dialog{border:1px solid #dfe7e9;border-radius:15px;max-width:530px;padding:28px}dialog::backdrop{background:#102c3866}#cancel{background:#edf3f2;color:#355956;margin-right:10px}[hidden]{display:none!important}#token{font-family:monospace}#clients{margin-bottom:0}
header{gap:16px;align-items:center}header>div{display:flex;align-items:center;gap:12px}header button{padding:8px 12px;background:#315359}.login{max-width:440px;margin:60px auto}.login h1{margin-top:14px}form label{margin:16px 0}input{font-size:16px;min-height:46px}button{min-height:44px;touch-action:manipulation}#loginSubmit{width:100%}#loginError,#message{color:#b34a43}#newCredential{background:#eef8f4;border-radius:8px;padding:16px;margin-top:18px}#token{overflow-wrap:anywhere}.client{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5edec;padding:14px 0}.client p{margin:4px 0;font-size:13px}.client button{flex-shrink:0}dialog{width:calc(100% - 32px);max-height:85dvh;overflow:auto}dialog .actions button{flex:1}#health{font-size:13px}.revoked{opacity:.55}@media(max-width:640px){header{padding:18px 16px;align-items:flex-start;flex-direction:column;font-size:15px}header>div{width:100%;justify-content:space-between}main{margin:22px auto;padding:0 12px}.heading{align-items:flex-start;flex-direction:column;gap:8px}h1{font-size:28px}.card{padding:18px 15px;margin:14px 0}.login{margin:28px auto}.actions{flex-wrap:wrap;gap:8px}.actions button{flex:1;min-width:100px}.actions .danger{flex-basis:100%}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{padding:12px 0;border-bottom:1px solid #dfe8e7}td{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:6px 0;border:0;overflow-wrap:anywhere}td:before{content:attr(data-label);color:#75878d}#strategy{font-size:19px;overflow-wrap:anywhere}.client{align-items:flex-start}#createClient{width:100%}}
.secondary{background:#edf3f2;color:#355956}#passkeyLogin button,#setupPanel button,#recoverForm button{width:100%;margin-top:12px}#recoveryCode{font:14px monospace}#recoveryDialog p{overflow-wrap:anywhere}