body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media print{.non-printable{display:none!important}.printable-content{padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}}.qr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.qr-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.qr-modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.qr-modal-close:hover{background-color:#f5f5f5;color:#333}.qr-modal-body{padding:24px}.qr-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;margin-bottom:24px;font-size:14px;color:#e65100}.qr-employee-name{text-align:center;font-size:24px;font-weight:600;color:#333;margin-bottom:24px}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:24px;background-color:#f9f9f9;border-radius:8px;margin-bottom:24px}.qr-modal-actions{display:flex;gap:12px;justify-content:center}.qr-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.qr-btn-download{background-color:#2196f3;color:#fff}.qr-btn-download:hover{background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.qr-btn-print{background-color:#4caf50;color:#fff}.qr-btn-print:hover{background-color:#388e3c;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.qr-btn:active{transform:translateY(0)}@media(max-width:600px){.qr-modal-content{width:95%}.qr-modal-actions{flex-direction:column}.qr-btn{width:100%;justify-content:center}}