{"id":143,"date":"2026-08-28T14:31:00","date_gmt":"2026-08-28T09:01:00","guid":{"rendered":"https:\/\/form.weddingasiaofficial.com\/?page_id=143"},"modified":"2026-08-29T11:42:18","modified_gmt":"2026-08-29T06:12:18","slug":"staff-portal","status":"publish","type":"page","link":"https:\/\/form.weddingasiaofficial.com\/?page_id=143","title":{"rendered":"Staff Portal"},"content":{"rendered":"        <style>\n        .fqret-sp{width:100%;max-width:1120px;box-sizing:border-box;margin:24px auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif}\n        .fqret-sp-card{background:#fff;border:1px solid #e1e4e8;border-radius:18px;padding:24px;box-shadow:0 4px 22px rgba(0,0,0,.06);box-sizing:border-box}\n        .fqret-sp-input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #c9cdd3;border-radius:10px;margin:7px 0 15px;min-height:46px;font-size:16px;background:#fff}\n        .fqret-sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:11px 17px;border-radius:10px;border:1px solid #c9cdd3;background:#fff;color:inherit;text-decoration:none;cursor:pointer;font-size:15px;font-weight:600;touch-action:manipulation}\n        .fqret-sp-primary{background:#111;color:#fff;border-color:#111}\n        .fqret-sp-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 20px}\n        .fqret-sp-nav button{width:100%;min-height:64px;border:1px solid #dfe3e8;background:#fff;color:#222;border-radius:13px;padding:10px 8px;cursor:pointer;font-weight:700;font-size:14px;line-height:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;touch-action:manipulation}\n        .fqret-sp-nav button.active{background:#111;color:#fff;border-color:#111;box-shadow:0 4px 12px rgba(0,0,0,.12)}\n        .fqret-sp-nav .fqret-sp-nav-icon{font-size:22px;line-height:1}\n        .fqret-sp-panel{display:none}.fqret-sp-panel.active{display:block}\n        .fqret-sp-panel>h3{margin:4px 0 16px;font-size:22px}\n        .fqret-sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}\n        .fqret-sp-stats-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n        .fqret-sp-stat{display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;min-width:0!important;min-height:116px!important;border:1px solid #ddd!important;border-radius:13px!important;padding:18px!important;background:#fafafa!important;color:#222!important;font-size:15px!important;line-height:1.3!important;overflow:hidden!important}\n        .fqret-sp-stat strong{display:block!important;font-size:32px!important;line-height:1.1!important;margin-top:7px!important;font-weight:500!important;color:#111!important}\n        .fqret-sp-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.fqret-sp-source-tab{border:1px solid #dfe3e8;background:#fff;color:#222;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700;font-size:14px}.fqret-sp-source-tab span{display:inline-block;margin-left:6px;min-width:24px}.fqret-sp-source-tab.active{background:#111;color:#fff;border-color:#111}.fqret-sp-source-panel{margin-top:10px;border:1px solid #ddd;border-radius:13px;padding:16px;background:#fafafa;align-items:center;justify-content:space-between;gap:12px}.fqret-sp-source-panel strong{font-size:15px}.fqret-sp-source-panel span{font-size:30px;font-weight:700}\n        .fqret-sp-table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}\n        .fqret-sp-table{width:100%!important;min-width:900px!important;margin:0!important;border-collapse:collapse!important;border-spacing:0!important;background:#fff!important;table-layout:auto!important}\n        .fqret-sp-table th,.fqret-sp-table td{padding:11px 12px!important;border:0!important;border-bottom:1px solid #eee!important;text-align:left!important;vertical-align:middle!important;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif!important;font-size:13px!important;line-height:1.35!important;font-weight:400!important;white-space:nowrap!important;color:#222!important;background:#fff!important}\n        .fqret-sp-table th{font-weight:700!important;background:#fafafa!important;color:#222!important}.fqret-sp-table tbody tr:last-child td{border-bottom:0!important}.fqret-sp-table tbody tr:hover td{background:#fafafa!important}\n        .fqret-sp-error{background:#fff2f0;border:1px solid #ffc9c2;border-radius:10px;padding:12px;margin-bottom:15px}.fqret-sp-success{background:#effbea;border:1px solid #b7e0a5;border-radius:10px;padding:12px;margin-bottom:15px}\n        \/* The scanner is embedded inside the portal; keep one clean portal header instead of nesting two cards. *\/\n        .fqret-sp #fqret-staff-app{max-width:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:0}\n        .fqret-sp #fqret-staff-app>div:first-child{display:none!important}\n        .fqret-sp #fqret-staff-app .fqret-staff-wrap{max-width:none;margin:0;padding:0}\n        .fqret-sp #fqret-staff-app .fqret-staff-card{padding:0;border:0;box-shadow:none;border-radius:0}\n        .fqret-sp #fqret-staff-app .fqret-staff-input{font-size:16px;min-height:48px}\n        .fqret-sp #fqret-staff-app .fqret-staff-btn{min-height:48px;border-radius:11px}\n        .fqret-sp #fqret-staff-app #fqret-staff-start,.fqret-sp #fqret-staff-app #fqret-staff-stop{flex:1;min-width:150px}\n        .fqret-sp #fqret-staff-app #fqret-staff-reader{margin-top:18px!important}\n        .fqret-sp #fqret-staff-app #fqret-staff-video{width:100%;max-height:62vh;object-fit:cover;border-radius:16px}\n        .fqret-sp-muted{color:#667085}.fqret-sp-help{margin:2px 0 14px;color:#667085;font-size:13px;line-height:1.5}.fqret-inline-help{font-weight:400;color:#667085}\n        .fqret-staff-tabs{display:flex;gap:8px;margin:20px 0 14px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}\n        .fqret-staff-tab{appearance:none;border:1px solid #dfe3e8;background:#fff;color:#222;border-radius:11px;padding:12px 18px;min-height:46px;cursor:pointer;font-weight:700;font-size:14px}\n        .fqret-staff-tab.active{background:#111;color:#fff;border-color:#111;box-shadow:0 3px 10px rgba(0,0,0,.10)}\n        .fqret-staff-tab-panel{display:none}.fqret-staff-tab-panel.active{display:block}\n        .fqret-staff-form-card{border:1px solid #e1e4e8;border-radius:15px;padding:20px;background:#fff;box-sizing:border-box;max-width:1100px}\n        .fqret-staff-reset-card{max-width:720px}.fqret-staff-form-heading{margin-bottom:18px}.fqret-staff-form-heading strong{display:block;font-size:18px;margin-bottom:5px}.fqret-staff-form-heading span{display:block;color:#667085;font-size:13px;line-height:1.45}\n        .fqret-staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.fqret-staff-form-grid>div{min-width:0}\n        .fqret-staff-check{display:flex!important;align-items:flex-start;gap:8px;margin:9px 0!important;line-height:1.4}.fqret-staff-check input{margin-top:3px!important;flex:0 0 auto}.fqret-staff-event-field select{min-height:132px}\n        .fqret-staff-access-box{margin:16px 0;padding:15px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.fqret-staff-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;margin:8px 0 10px}\n        .fqret-existing-staff{margin-top:26px}.fqret-existing-staff-heading{border-top:1px solid #e5e7eb;padding-top:22px;margin-bottom:12px}.fqret-existing-staff-heading h4{margin:0 0 4px;font-size:19px}.fqret-existing-staff-heading p{margin:0;font-size:13px}\n        .fqret-staff-list{display:grid;gap:10px}.fqret-staff-card-item{border:1px solid #e1e4e8;border-radius:14px;background:#fff;overflow:hidden}.fqret-staff-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.fqret-staff-person{display:flex;align-items:center;gap:11px;min-width:0}.fqret-staff-avatar{width:40px;height:40px;border-radius:50%;background:#f0f1f3;display:flex;align-items:center;justify-content:center;font-weight:800;color:#222;flex:0 0 auto}.fqret-staff-person strong{display:block;font-size:15px}.fqret-staff-person span{display:block;color:#667085;font-size:12px;margin-top:2px}.fqret-staff-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.fqret-staff-status{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#344054}.fqret-staff-status.is-active{background:#ecfdf3;color:#067647}.fqret-staff-status.is-disabled{background:#fef3f2;color:#b42318}.fqret-staff-edit-btn{min-height:40px;padding:9px 13px}.fqret-staff-edit-panel{border-top:1px solid #e5e7eb;padding:18px 16px;background:#fafafa}.fqret-staff-edit-actions{display:flex;gap:8px;flex-wrap:wrap}.fqret-staff-toggle-form{margin-top:8px}.fqret-staff-toggle-form .fqret-sp-btn{min-height:40px}\n        \/* Let the portal use the real available desktop\/laptop width instead of inheriting a narrow theme content column. *\/\n        .fqret-sp{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:clamp(18px,2vw,36px)!important;padding-right:clamp(18px,2vw,36px)!important;box-sizing:border-box!important;overflow-x:hidden}\n        .fqret-sp-card{width:100%;max-width:none}\n        .fqret-sp-panel{width:100%;max-width:none}\n        @media(max-width:900px){.fqret-sp-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.fqret-sp-stats-five{grid-template-columns:1fr 1fr!important}}\n        @media(max-width:600px){\n            \/* Full-bleed mobile portal: use the actual viewport width instead of the theme\/content column width. *\/\n            .fqret-sp{\n                width:100vw!important;\n                max-width:100vw!important;\n                margin-left:calc(50% - 50vw)!important;\n                margin-right:calc(50% - 50vw)!important;\n                padding:10px clamp(12px,3vw,20px)!important;\n                box-sizing:border-box!important;\n                overflow-x:hidden!important;\n            }\n            .fqret-sp-card{padding:14px;border-radius:15px}\n            .fqret-sp-card>div:first-of-type{gap:12px!important}\n            .fqret-sp-card>div:first-of-type h2{font-size:22px!important}\n            .fqret-sp-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0 18px}\n            .fqret-sp-nav button{min-height:72px;font-size:13px;border-radius:12px;padding:9px 5px}\n            .fqret-sp-nav button[data-target=\"scanner\"]{grid-column:1\/-1;min-height:78px}\n            .fqret-sp-nav .fqret-sp-nav-icon{font-size:23px}\n            .fqret-sp-panel>h3{font-size:20px}\n            .fqret-sp-stats{grid-template-columns:1fr 1fr;gap:9px}.fqret-sp-stats-five{grid-template-columns:1fr 1fr!important}\n            .fqret-sp-stat{padding:14px;border-radius:11px;font-size:13px}.fqret-sp-stat strong{font-size:27px}\n            .fqret-sp #fqret-staff-app #fqret-staff-start,.fqret-sp #fqret-staff-app #fqret-staff-stop{width:100%;flex:1 1 100%;min-width:0}\n            .fqret-sp #fqret-staff-app #fqret-staff-reader{margin-top:14px!important}\n            .fqret-sp #fqret-staff-app #fqret-staff-video{min-height:300px;max-height:60vh}\n            .fqret-sp #fqret-staff-app .fqret-staff-result{padding:14px}\n            .fqret-sp #fqret-staff-app .fqret-staff-modal-card{width:calc(100vw - 28px);max-height:88vh;padding:22px 18px}\n        }\n        <\/style>\n        <div class=\"fqret-sp\">\n                    <div class=\"fqret-sp-card\">\n                <h2>Staff Portal Login<\/h2>\n                <p>Enter the username and PIN provided by your administrator.<\/p>\n                                                <form method=\"post\" action=\"https:\/\/form.weddingasiaofficial.com\/wp-admin\/admin-post.php\">\n                    <input type=\"hidden\" name=\"action\" value=\"fqret_staff_front_login\">\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F143\">\n                    <input type=\"hidden\" id=\"fqret_front_login_nonce\" name=\"fqret_front_login_nonce\" value=\"2a6ae0708d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F143\" \/>                    <label><strong>Username<\/strong><\/label><input class=\"fqret-sp-input\" name=\"staff_username\" autocomplete=\"username\" required>\n                    <label><strong>PIN<\/strong><\/label><input class=\"fqret-sp-input\" type=\"password\" name=\"staff_pin\" inputmode=\"numeric\" minlength=\"4\" maxlength=\"6\" required>\n                    <button class=\"fqret-sp-btn fqret-sp-primary\" type=\"submit\">Login<\/button>\n                <\/form>\n            <\/div>\n                <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":1,"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/form.weddingasiaofficial.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}