*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f7efe5}button,input,select{font:inherit}.staff-page{display:flex;min-height:100dvh;align-items:flex-start;justify-content:center;padding:24px 16px;color:#432719;background:radial-gradient(circle at 50% 4%,rgba(177,126,66,.16),transparent 27%),#f7efe5;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.staff-card{width:min(100%,560px);overflow:hidden;padding:0 22px 25px;border:1px solid rgba(140,96,54,.2);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.99),rgba(255,251,245,.97));box-shadow:0 34px 80px rgba(67,36,19,.15),0 10px 28px rgba(96,54,29,.08)}.staff-header{display:flex;gap:15px;margin:0 -22px 21px;padding:20px 22px;color:white;background:linear-gradient(135deg,#4b291b,#6f4027 55%,#875736)}.portal-logo{flex:none;border-radius:18px;-o-object-fit:cover;object-fit:cover;box-shadow:0 10px 20px rgba(24,12,5,.25)}.staff-header h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.1}.staff-header p{margin:6px 0 0;color:rgba(255,249,240,.78);font-size:12px}.field-label{display:block;margin:15px 2px 7px;color:#503326;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.field-input{width:100%;min-height:53px;padding:0 15px;border:1px solid rgba(128,83,45,.25);border-radius:16px;outline:none;color:#3f291e;background:white;font-size:16px;font-weight:600;box-shadow:0 8px 20px rgba(71,39,21,.055)}.field-input:focus{border-color:#a77945;box-shadow:0 0 0 4px rgba(176,125,67,.13)}.field-input[readonly]{color:#76523b;background:#faf5ef}.selected-employee{display:flex;align-items:center;gap:13px;margin-top:13px;padding:12px;border:1px solid rgba(135,91,53,.16);border-radius:17px;background:linear-gradient(145deg,#fffdf9,#f9f1e7)}.photo-fallback,.staff-photo{width:68px;height:68px;flex:none;border-radius:16px}.staff-photo{border:1px solid #dfc8b4;-o-object-fit:cover;object-fit:cover;background:white}.photo-fallback{display:grid;place-items:center;color:white;background:#77472d;font-size:26px;font-weight:900}.selected-employee span,.selected-employee strong{display:block}.selected-employee strong{color:#412a1e;font-size:14px}.selected-employee span{margin-top:4px;color:#816c5e;font-size:11px}.primary-button,.secondary-button,.success-button{width:100%;min-height:57px;border-radius:16px;font-weight:900}.primary-button{margin-top:20px;border:1px solid rgba(255,255,255,.2);color:white;background:linear-gradient(135deg,#694029,#8f5d3a);box-shadow:0 13px 26px rgba(74,39,20,.21)}.success-button{margin-top:20px;border:0;color:white;background:linear-gradient(135deg,#147a4a,#0b9b63);box-shadow:0 13px 26px rgba(14,116,76,.2)}.secondary-button{margin-top:9px;border:1px solid #dfcdbd;color:#6b4834;background:white}button:disabled{opacity:.45}.error-box{margin:13px 0 0;padding:11px 13px;border:1px solid #fecaca;border-radius:13px;color:#991b1b;background:#fff1f2;font-size:12px;font-weight:700}.privacy-note{margin:20px 0 0;padding-top:14px;border-top:1px solid rgba(130,86,48,.13);color:#998477;text-align:center;font-size:10px}.success-card{padding-top:28px;text-align:center}.success-check{display:grid;width:82px;height:82px;margin:0 auto 12px;place-items:center;border-radius:999px;color:white;background:linear-gradient(145deg,#16965e,#087748);font-size:44px;font-weight:900;box-shadow:0 16px 32px rgba(10,120,72,.2)}.success-eyebrow{margin:0;color:#158052;font-size:11px;font-weight:900;letter-spacing:.15em}.success-card h1{margin:5px 0 21px;font-family:Georgia,serif;font-size:26px}.success-photo-shell .photo-fallback,.success-photo-shell .staff-photo{width:116px;height:116px;border-radius:25px}.success-card h2{margin:14px 0 3px;font-size:18px}.success-time{margin:0;color:#826c5d;font-size:12px;font-weight:650}.receipt{margin-top:19px;padding:6px 15px;border:1px solid #ead9ca;border-radius:18px;text-align:left;background:#fffaf5}.receipt div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #eee1d6}.receipt div:last-child{border-bottom:0}.receipt span{color:#8b7668;font-size:11px}.receipt strong{max-width:65%;text-align:right;color:#432719;font-size:12px}@media (max-width:560px){.staff-page{padding:0;background:linear-gradient(180deg,#4c2a1c,#4c2a1c 94px,#f7efe5 0)}.staff-card{min-height:100dvh;padding:0 15px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}.staff-header{margin:0 -15px 18px;padding:max(18px,env(safe-area-inset-top)) 15px 18px}.portal-logo{width:60px;height:60px}.staff-header h1{font-size:21px}}.selfie-section{margin-top:18px;padding:14px;border:1px solid #ead9ca;border-radius:18px;background:#fffaf5}.camera-button{width:100%;min-height:55px;border:1px solid #d5b394;border-radius:16px;color:#ffffff;background:linear-gradient(135deg,#5b3523,#875637);font-weight:900}.camera-shell{border-radius:20px;background:#1f1712}.camera-video{max-height:420px;background:#16100d}.camera-capture-button{width:calc(100% - 24px);min-height:52px;margin:12px;border:0;border-radius:15px;color:#ffffff;background:#0b8c58}.selfie-preview-shell{text-align:center}.selfie-preview{display:block;max-height:420px;border:1px solid #dfc8b4;border-radius:20px;background:#ffffff}.selfie-note{margin:10px 3px 0;color:#8b7668;font-size:10px;line-height:1.45;text-align:center}.hidden-canvas{display:none}.success-selfie{width:210px;height:210px;border:4px solid #ffffff;border-radius:28px;-o-object-fit:cover;object-fit:cover;background:#ffffff;box-shadow:0 15px 35px rgba(59,35,20,.18)}@media (max-width:560px){.success-selfie{width:190px;height:190px}}.camera-shell{overflow:hidden;border-radius:28px;border:2px solid #d8b99a;box-shadow:0 18px 45px rgba(60,35,20,.18)}.camera-shell,.camera-video{width:100%;background:#120d0a}.camera-video{display:block;aspect-ratio:3/4;min-height:520px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scaleX(-1)}.camera-capture-button{width:calc(100% - 28px);min-height:58px;margin:14px;border-radius:18px;font-size:16px;font-weight:900}.selfie-preview{width:100%;aspect-ratio:3/4;max-height:560px;-o-object-fit:cover;object-fit:cover;border-radius:26px}@media (max-width:560px){.camera-video{min-height:480px}}:root{--staff-primary:#6B2638;--staff-primary-dark:#4F1B2A;--staff-gold:#B08D57;--staff-cream:#FBF3EA}body,html{background:var(--staff-cream)}.staff-page{background:radial-gradient(circle at top,rgba(107,38,56,.18),transparent 32%),var(--staff-cream)}.staff-header{background:linear-gradient(135deg,#4F1B2A,#6B2638,#B08D57)}.field-input:focus{border-color:var(--staff-primary);box-shadow:0 0 0 4px rgba(107,38,56,.14)}.primary-button{background:linear-gradient(135deg,#6B2638,#8B3F52)}.camera-shell{border-color:var(--staff-gold)}.success-button{background:linear-gradient(135deg,#147A4A,#0B9B63)}.staff-splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#4F1B2A,#6B2638,#B08D57);color:#fffaf2}.staff-splash-card{width:min(100%,420px);padding:42px 28px;border-radius:34px;text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(12px)}.splash-logo{width:110px;height:110px;margin-bottom:20px}.staff-splash h1{margin:0;font-family:Georgia,serif;font-size:28px}.splash-loading{margin-top:12px;opacity:.9;font-size:13px}.splash-loader{width:100%;height:5px;margin:25px 0;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.25)}.splash-loader span{display:block;width:40%;height:100%;border-radius:inherit;background:#D4AF37;animation:splashMove 1.4s ease-in-out infinite}@keyframes splashMove{0%{transform:translateX(-120%)}to{transform:translateX(280%)}}.staff-splash blockquote{margin:20px 0;font-size:13px;line-height:1.6;font-style:italic}.staff-splash cite{display:block;margin-top:8px;font-style:normal;font-weight:900;color:#F2D27A}.staff-splash footer{margin-top:28px;font-size:10px;letter-spacing:.08em;opacity:.85}.success-photo-shell{margin-bottom:12px}.success-profile-photo,.success-selfie{box-shadow:0 12px 30px rgba(60,30,20,.18)}.success-employee-number{margin:4px 0 0;color:#826c5d;font-size:12px;font-weight:700}@media (max-width:560px){.success-profile-photo,.success-selfie{width:110px;height:110px}}.success-photo-shell{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 auto 14px}.success-profile-photo,.success-selfie{width:125px;height:125px;border-radius:24px;-o-object-fit:cover;object-fit:cover;border:4px solid #ffffff;background:#ffffff;box-shadow:0 14px 32px rgba(60,30,20,.18)}.success-profile-photo{border-color:rgba(176,141,87,.45)}.success-selfie{border-color:rgba(107,38,56,.35)}@media (max-width:560px){.success-photo-shell{gap:10px}.success-profile-photo,.success-selfie{width:108px;height:108px;border-radius:20px}}.portal-logo{width:66px;height:66px;box-shadow:none;mix-blend-mode:normal}.portal-logo,.splash-logo{-o-object-fit:contain;object-fit:contain;background:transparent;border-radius:0}.splash-logo{width:130px;height:130px;margin-bottom:18px;filter:drop-shadow(0 12px 25px rgba(60,30,20,.15))}.staff-header{align-items:center}.staff-header img{flex-shrink:0}.selected-employee>div{display:flex!important;flex-direction:column!important;gap:4px!important}.selected-employee strong{font-size:15px!important}.selected-employee span,.selected-employee strong{display:block!important;line-height:1.35!important}.selected-employee span{font-size:11px!important;color:#816c5e!important}.selected-employee span:nth-of-type(n+3){display:none!important}.success-photo-shell{gap:12px!important}.success-profile-photo,.success-selfie{width:min(180px,calc((100% - 12px) / 2))!important;height:auto!important;aspect-ratio:1/1!important}.camera-video{max-height:430px!important;-o-object-fit:contain!important;object-fit:contain!important}@media (max-width:560px){.success-profile-photo,.success-selfie{width:calc((100% - 12px) / 2)!important;max-width:180px!important}}.employee-results{width:100%}.employee-result-card{display:block!important;width:100%!important;padding:14px 16px!important;text-align:left!important}.employee-result-card .photo-fallback,.employee-result-card .staff-photo,.employee-result-card img{display:none!important}.employee-result-card strong,.employee-result-card>div{display:block!important;width:100%!important}.employee-result-card strong{margin:0!important;font-size:15px!important;line-height:1.4!important}.employee-result-card span{display:none!important}.camera-shell{width:100%!important;overflow:hidden!important;background:#120d0a!important}.camera-video{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;-o-object-fit:initial!important;object-fit:fill!important;-o-object-position:initial!important;object-position:initial!important;transform:scaleX(-1)!important;background:transparent!important}