:root{font-family:Inter,system-ui,sans-serif;color:#263f39;background:#eef2f0}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px}
main{width:min(410px,100%);padding:30px;border:1px solid #d7dfdb;border-radius:16px;background:#fff;box-shadow:0 20px 55px #173a3620}
.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#d93b35;color:#fff;font-size:29px;font-weight:900}
h1{margin:25px 0 7px;font-size:24px}h2{margin:24px 0 10px;font-size:16px}p{color:#708079;line-height:1.5}
form{display:grid;gap:13px;margin-top:23px}label{display:grid;gap:6px;color:#52645e;font-size:12px;font-weight:750}
input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ced8d3;border-radius:8px;font:inherit}
input:focus{outline:3px solid #d9eee7;border-color:#33846f}
button{min-height:44px;padding:10px 14px;border-radius:8px;font:inherit;font-weight:750;cursor:pointer}
.primary{border:0;background:#286f5c;color:#fff}.secondary{border:1px solid #b9ccc5;background:#f5faf8;color:#285e50}
#account-view>button{width:100%;margin-top:14px}.message,.success{margin-top:18px;padding:12px;border-radius:8px;font-size:13px}
#application-list{display:grid;gap:8px}#application-list button{width:100%;border:1px solid #ced8d3;background:#fff;color:#285e50}
#totp-setup-panel{margin-top:14px;padding:13px;border:1px solid #d7dfdb;border-radius:8px;background:#f8faf9}
#totp-setup-panel code{display:block;margin:8px 0;padding:9px;overflow-wrap:anywhere;background:#fff;border-radius:6px}
#totp-setup-panel a{color:#286f5c;font-size:13px}
#admin-link{display:block;margin-top:18px;color:#286f5c;font-size:13px}
.message{color:#8b2925;background:#fff0ef}.success{color:#205e4c;background:#e9f7f1}
[hidden]{display:none!important}