.loginpage{background:linear-gradient(145deg,#082f2d,#12635d);place-items:center;min-height:100vh;padding:20px;display:grid}.loginbox{background:#fff;border-radius:22px;gap:17px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 24px 60px #001c1a66}.loginbox h1,.loginbox p{margin:0}.loginbox label{gap:7px;font-size:14px;font-weight:800;display:grid}.loginbox input{border:1px solid #cddbd9;border-radius:11px;width:100%;padding:13px;font-size:16px}.loginbox .brand span{color:#647675}.identity{background:#e7f1f0;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;display:flex}.identity span{margin-bottom:0!important;margin-left:auto!important}.secure button{color:#fff;background:#ffffff18;border:0;border-radius:8px;place-items:center;padding:7px;display:grid}.admin-remark{border-top:1px solid #edf2f1;grid-column:1/-1;gap:10px;padding-top:12px;display:grid}.admin-remark textarea{width:100%;min-height:80px;font:inherit;resize:vertical;background:#fbfdfd;border:1px solid #cddbd9;border-radius:11px;padding:12px}.admin-remark>.locate{cursor:pointer;border:0;border-radius:10px;justify-self:start;padding:10px 14px;font-weight:800}.admin-remark .actions{justify-content:flex-end}.admin-remark .actions button{min-width:0}