*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#eef5fc;font:18px/1.5 system-ui,Arial,sans-serif;color:#1e3145;display:grid;place-items:center;padding:24px}.login{background:#fff;border:1px solid #dae4ec;border-radius:18px;padding:32px;width:min(100%,480px);box-shadow:0 12px 35px #132b4414}.logo{font-size:40px;color:#3399ff}.login h1{font-size:32px;margin:4px 0}.login p{margin-top:8px}.login span,.note{color:#536779;font-size:16px}label{display:block;margin:18px 0;font-weight:650}input{width:100%;font:inherit;padding:13px;border:1px solid #9dacbd;border-radius:9px;display:block;margin-top:7px}button{width:100%;font:inherit;background:#247bd2;color:white;border:0;border-radius:9px;padding:13px;cursor:pointer;font-weight:750}.error{background:#ffe2e2;color:#941919;padding:12px;border-radius:8px}.note{text-align:center;margin-top:22px}a{color:#1764ab}table{width:100%;border-collapse:collapse;font-size:16px}th,td{padding:9px;text-align:left;border-bottom:1px solid #e2eaf2}form.inline{display:inline}form.inline button{width:auto;padding:7px 12px}button.secondary{background:#41566a}.wide{width:min(1100px,100%)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.card{padding:20px;background:#f7fafc;border:1px solid #dce6ef;border-radius:12px}h2{font-size:22px}small{color:#596b7d}.account-link{color:#165e9e!important;text-decoration:underline}.user-banner{font-weight:700}a.btn{display:inline-block;padding:10px;background:#3399ff;color:white;border-radius:8px;text-decoration:none}

.info{background:#e3f1ff;color:#123f6b;padding:12px;border-radius:8px}label.check{display:flex;align-items:center;gap:10px;font-weight:500;margin:-6px 0 14px}label.check input{width:22px;height:22px;margin:0}.capswarn{background:#fff3c4;color:#5c4400;padding:10px 12px;border-radius:8px;font-weight:650;margin:0 0 14px}button.danger{background:#a32222}form.inline{margin-right:6px}td form{margin-bottom:6px}small{display:inline-block}
.grid.stack{grid-template-columns:1fr}form.create{display:flex;flex-wrap:wrap;gap:14px;align-items:end}form.create label{margin:0;flex:1 1 200px}form.create button{width:auto;padding:13px 22px}td button{width:auto;padding:7px 12px}td form.pin{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:6px}td form.pin label{margin:0;font-size:14px}td form.pin input{width:150px;padding:7px;margin-top:3px}td{vertical-align:top}