:root{color-scheme:light dark;font-family:Arial,Helvetica,sans-serif;background:#3f3f3f;color:#171717}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f3f3;color:#171717}button,input{font:inherit}.brand{display:flex;align-items:center;gap:9px;font-weight:700;line-height:.85}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;background:#eee;color:#555}.login-page{display:grid;place-items:center;padding:20px}.login-panel{width:min(100%,390px);padding:28px 22px;background:#fff;border-radius:20px;box-shadow:0 20px 55px #0003}.login-panel .brand{justify-content:center;margin-bottom:30px}.login-panel h1{text-align:center;margin:0}.lead{text-align:center;color:#666;margin:8px 0 26px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;color:#4d4d4d}input{width:100%;padding:14px;border:1px solid #bbb;border-radius:11px;background:#fff;color:#111}input[type="date"]{display:block;box-sizing:border-box;width:190px;min-width:0;max-width:100%;height:48px;padding:0 14px}.totp{text-align:center;font-size:28px;letter-spacing:.4em}.button{width:100%;padding:14px;border-radius:11px;border:1px solid #666;background:#fff;color:#222;cursor:pointer}.button.primary{background:#5d5d5d;color:#fff}.button.passkey{display:grid;gap:2px}.button.passkey small{font-size:11px;color:#777}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#777;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:#ccc;flex:1}.text-button{border:0;background:transparent;color:#555;text-decoration:underline;cursor:pointer}.message{padding:12px;border-radius:10px;margin-bottom:16px}.message.error{background:#f7dddd;color:#791e1e}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#686868;color:#fff}.app-header form{display:block}.menu-button{border:0;background:transparent;color:#fff;padding:10px;cursor:pointer}.app-content{max-width:680px;margin:auto;padding:24px 18px}.eyebrow{color:#666;margin-bottom:4px}.app-content h1{margin-top:0}.status-card{display:grid;gap:8px;padding:20px;border-radius:16px;background:#5f5f5f;color:#fff;margin:20px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{display:grid;gap:8px;min-height:110px;padding:16px;border:1px solid #ccc;border-radius:15px;background:#fff;color:#222;text-decoration:none}.feature span{color:#777;font-size:13px}@media(max-width:360px){.feature-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){body{background:#171717;color:#eee}.login-panel,.feature{background:#262626;color:#eee}.lead,.eyebrow,.feature span{color:#aaa}label{color:#ccc}input{background:#1e1e1e;color:#fff;border-color:#555}.button{background:#262626;color:#eee;border-color:#888}.button.primary{background:#ccc;color:#171717}.message.error{background:#4f2323;color:#ffcaca}}