.op-attendant-lookup,.op-attendant-lookup *,.op-attendant-lookup *::before,.op-attendant-lookup *::after,.op-otp-qr,.op-otp-qr *{box-sizing:border-box}.op-attendant-lookup{padding-top:18px}.op-attendant-panel{max-width:640px;margin:0 0 28px;overflow:hidden;border:1px solid rgba(255,255,255,0.14);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,0.28)}.op-attendant-panel__head{padding:18px 20px 16px;background:#0b1a2e;color:#fff}.op-attendant-panel__head h1{margin:0 0 6px;color:#fff;font-size:22px;font-weight:700;line-height:1.2}.op-attendant-panel__head p{margin:0;color:rgba(255,255,255,0.82);font-size:14px;line-height:1.45}.op-attendant-panel__body{padding:18px 20px 20px}.op-attendant-label{display:block;margin:0 0 8px;color:#1c2b3a;font-size:13px;font-weight:700;letter-spacing:0.02em}.op-attendant-field{display:flex;align-items:stretch;gap:0;height:48px}.content-wrapper .op-attendant-field .form-control{box-sizing:border-box;display:block;flex:1 1 auto;width:1%;min-width:0;height:48px;margin:0;padding:0 14px;border:1px solid #c5d0dc;border-right:0;border-radius:10px 0 0 10px;background:#fff;color:#122033;font-size:16px;line-height:46px;box-shadow:none}.content-wrapper .op-attendant-field .form-control:focus{border-color:#1e6bb8;box-shadow:none;outline:0;z-index:1}.content-wrapper .op-attendant-field .op-attendant-find{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 112px;height:48px;margin:0;padding:0 16px;border:1px solid #1e6bb8;border-radius:0 10px 10px 0;background:#1e6bb8;color:#fff;font-size:16px;font-weight:700;line-height:1;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer}.content-wrapper .op-attendant-field .op-attendant-find:hover,.content-wrapper .op-attendant-field .op-attendant-find:focus{background:#185a9c;border-color:#185a9c;color:#fff}.op-attendant-scan-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:12px 0 0;padding:10px 16px;border:1px solid #c5d0dc;border-radius:12px;background:#f4f7fb;color:#0b1a2e;font-size:16px;font-weight:700;line-height:1.2}.op-attendant-scan-btn:hover,.op-attendant-scan-btn:focus{background:#e7eef6;color:#0b1a2e}.op-attendant-status{min-height:1.3em;margin:12px 0 0;color:#1c4e80;font-size:14px;font-weight:600;line-height:1.4}.op-attendant-scan{margin-top:14px;overflow:hidden;border:1px solid #d5dee8;border-radius:12px;background:#f7fafc}.op-attendant-scan__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #d5dee8}.op-attendant-scan__head h2{margin:0;color:#0b1a2e;font-size:16px;font-weight:700;line-height:1.3}.op-attendant-scan__head .btn{flex:0 0 auto;min-height:40px;margin:0;border-radius:10px;font-weight:600}.op-attendant-scan__body{padding:12px}#op-attendant-qr-reader{width:100%}#op-attendant-qr-reader video,#op-attendant-qr-reader img,#op-attendant-qr-reader canvas{width:100% !important;height:auto !important;border-radius:10px}#op-attendant-qr-file-reader,#op-attendant-qr-camera,#op-attendant-qr-file{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}.op-attendant-scan__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.op-attendant-scan__actions .btn{flex:1 1 140px;min-height:48px;margin:0;border-radius:10px;font-size:16px;font-weight:600;white-space:normal;text-align:center}.op-attendant-scan__hint{margin:10px 0 0;color:#5c6b7a;font-size:13px;line-height:1.4}.op-otp-qr{display:flex;align-items:center;gap:14px;margin:10px 0 4px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f7fafc}.op-otp-qr img{flex:0 0 auto;width:132px;height:132px;background:#fff;border-radius:8px}.op-otp-qr p{margin:0;color:#3d4d5c;font-size:14px;font-weight:500;line-height:1.4;text-align:left}@media (max-width: 767px){.op-attendant-lookup{padding-top:10px}.op-attendant-panel{margin-bottom:16px;border-radius:12px}.op-attendant-panel__head,.op-attendant-panel__body{padding-right:14px;padding-left:14px}.op-attendant-field{flex-direction:column;height:auto}.content-wrapper .op-attendant-field .form-control{width:100%;border-right:1px solid #c5d0dc;border-radius:10px}.content-wrapper .op-attendant-field .op-attendant-find{flex:0 0 auto;width:100%;margin-top:10px;border-radius:10px}.op-attendant-scan__actions{flex-direction:column}.op-attendant-scan__actions .btn{flex:1 1 auto;width:100%}.op-otp-qr{flex-direction:column;text-align:center}.op-otp-qr p{text-align:center}}.op-supplier-home,.op-supplier-home *,.op-supplier-home *::before,.op-supplier-home *::after{box-sizing:border-box}.op-supplier-home{padding-top:16px}.op-supplier-home__balance{margin-bottom:16px}.op-supplier-home__balance .box{margin-bottom:0;overflow:hidden;border:1px solid rgba(255,255,255,0.14);border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,0.22)}.op-supplier-home__card{margin:0 0 16px;padding:16px;border:1px solid rgba(255,255,255,0.14);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,0.22)}.op-supplier-home__card h2{margin:0 0 12px;color:#0b1a2e;font-size:16px;font-weight:700;line-height:1.2}.op-supplier-home__metrics{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}.op-supplier-home a.op-supplier-metric{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:108px;padding:14px 14px 12px;border:1px solid #e4ebf2;border-left-width:4px;border-radius:12px;background:#f7fafc;color:#122033;text-decoration:none}.op-supplier-home a.op-supplier-metric--pending{border-left-color:#1e6bb8}.op-supplier-home a.op-supplier-metric--progress{border-left-color:#e08e0b}.op-supplier-home a.op-supplier-metric--done{border-left-color:#1b8a4a}.op-supplier-metric__label{font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;line-height:1.2}.op-supplier-home a.op-supplier-metric--pending .op-supplier-metric__label{color:#1e6bb8}.op-supplier-home a.op-supplier-metric--progress .op-supplier-metric__label{color:#a86b00}.op-supplier-home a.op-supplier-metric--done .op-supplier-metric__label{color:#1b8a4a}.op-supplier-metric__value{color:#0b1a2e;font-size:28px;font-weight:800;line-height:1.1}.op-supplier-metric__meta{color:#5c6b7a;font-size:13px;font-weight:600;line-height:1.3}.op-supplier-home a.op-supplier-metric:hover,.op-supplier-home a.op-supplier-metric:focus{border-color:#1e6bb8;background:#fff;color:#122033;text-decoration:none}.op-supplier-home a.op-supplier-metric--progress:hover,.op-supplier-home a.op-supplier-metric--progress:focus{border-color:#e08e0b}.op-supplier-home a.op-supplier-metric--done:hover,.op-supplier-home a.op-supplier-metric--done:focus{border-color:#1b8a4a}@media (max-width: 767px){.op-supplier-home__metrics{grid-template-columns:1fr}.op-supplier-home a.op-supplier-metric{min-height:72px}}