:root{--topbar-bg: #0F172A;--accent-blue: #1E3A8A;--accent-brand-glow: rgba(59, 130, 246, .25);--bg-page: #F8FAFC;--bg-card: #FFFFFF;--text-main: #0F172A;--text-muted: #64748B;--status-green: #10B981;--status-red: #EF4444;--status-amber: #F59E0B;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}html,body{box-sizing:border-box;margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans)}*,*:before,*:after{box-sizing:inherit}:focus-visible{outline:2px solid #2563EB;outline-offset:2px}header.verifier-header-bar,.verifier-header-bar{background:#0f172a!important;background-color:#0f172a!important;color:#fff!important;padding:18px 16px;text-align:center;box-shadow:0 2px 12px #0f172a59;margin-bottom:24px;width:100%}.verifier-header-bar h1{font-size:20px;font-weight:800;color:#fff;letter-spacing:.5px}.verifier-header-bar p{font-size:12px;opacity:.9;margin-top:2px;color:#94a3b8}.verification-app{width:100%;max-width:500px;margin:0 auto;padding:0 16px 32px;overflow-x:hidden}.status-banner{padding:24px 20px;border-radius:18px;text-align:center;margin-bottom:24px;box-shadow:0 4px 15px #0000000d;transition:all .2s ease}.status-banner.valid{background:#ecfdf5;border:2px solid var(--status-green);color:#047857}.status-banner.revoked,.status-banner.invalid{background:#fef2f2;border:2px solid var(--status-red);color:#b91c1c}.status-banner.expired{background:#fffbeb;border:2px solid var(--status-amber);color:#b45309}.status-title{font-size:22px;font-weight:900;letter-spacing:.5px;margin-top:8px}.status-sub{font-size:13px;margin-top:4px;opacity:.9}.scanner-viewport-wrapper{position:relative;border-radius:8px;overflow:hidden;border:1px solid #1E3A8A;background:#0f172a;min-height:280px}.scanner-laser-line{position:absolute;top:0;left:0;right:0;height:2px;background:#2563eb;box-shadow:0 1px 4px #2563eb80;animation:scanLaser 2.5s infinite ease-in-out;z-index:10}@keyframes scanLaser{0%{top:5%}50%{top:95%}to{top:5%}}.verifier-card{background:var(--bg-card);border:1px solid #E2E8F0;border-radius:10px;padding:24px;box-shadow:0 4px 15px #0000000d}.photo-container{display:flex;justify-content:center;margin-bottom:20px}.employee-photo{width:140px;height:160px;border-radius:16px;object-fit:cover;border:3px solid #1E3A8A;box-shadow:0 4px 12px #1e3a8a33}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F1F5F9}.info-label{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase}.info-value{font-size:14px;font-weight:700;color:var(--text-main);text-align:right}.btn-scan{width:100%;padding:14px;background:#1e3a8a!important;color:#fff!important;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.btn-scan:hover{background:#0f172a!important}