.employee-qr-screen{width:1920px;height:1080px;flex:none;display:flex;flex-direction:column;padding:68px 72px 44px;background:radial-gradient(circle at 50% 38%,#234362 0%,#11233b 35%,#091625 78%);color:#f7fbff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.employee-qr-heading{text-align:center}.employee-qr-heading>span{display:block;color:#8fd2f2;font-size:19px;font-weight:800;letter-spacing:.22em}.employee-qr-heading h1{margin:16px 0 8px;font-size:64px;line-height:1.08}.employee-qr-heading p{margin:0;color:#bfd0e2;font-size:24px}
.employee-qr-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 470px repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;flex:1;min-height:0;margin:48px 0 36px}
.employee-qr-tool{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:42px 19px 30px;border:1px solid #46617e;border-radius:18px;background:#18304dcc;box-shadow:0 22px 45px #0003;border-top:7px solid #46b9ed}.employee-qr-tool--oxygen{border-top-color:#39c89c}.employee-qr-tool--maintenance{border-top-color:#f4ae5e}.employee-qr-tool--events{border-top-color:#f05d78}.employee-qr-icon{display:grid;place-items:center;width:128px;height:128px;margin-bottom:48px;border-radius:26px;background:#254767}.employee-qr-tool--oxygen .employee-qr-icon{background:#205c56}.employee-qr-tool--maintenance .employee-qr-icon{background:#715037}.employee-qr-tool--events .employee-qr-icon{background:#6c334a}.employee-qr-icon svg{width:75px;height:75px;fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.employee-qr-tool>span{color:#b5cce2;font-size:13px;font-weight:800;letter-spacing:.13em}.employee-qr-tool h2{margin:22px 0 14px;font-size:30px;line-height:1.15}.employee-qr-tool p{margin:0;color:#c7d7e6;font-size:20px;line-height:1.4}
.employee-qr-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:22px;background:#fff;color:#0a1a2b;border-radius:22px;box-shadow:0 20px 0 #0005}.employee-qr-center>span{color:#bc2944;font-size:18px;font-weight:900;letter-spacing:.1em}.employee-qr-image{display:grid;place-items:center;width:400px;height:400px;margin:18px 0 15px;padding:12px;background:#fff}.employee-qr-image img{display:block;width:100%;height:100%;object-fit:contain}.employee-qr-center strong{font-size:25px;letter-spacing:-.03em}.employee-qr-center p{margin:10px 0 0;color:#60748b;font-size:17px;text-transform:uppercase;letter-spacing:.13em}
.employee-qr-footer{display:flex;justify-content:center;gap:20px}.employee-qr-footer span{padding:9px 20px;border:1px solid #385472;border-radius:30px;color:#b8d2e6;font-size:15px;font-weight:800}