body{background:#f3f6fa;color:#17243b;font-family:system-ui,sans-serif}.card{border-radius:18px;box-shadow:0 4px 24px #18305208}.brand-mark{display:inline-flex;background:#245ee7;color:white;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;margin-right:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#547097}h1{font-size:clamp(1.8rem,4vw,2.5rem)}.camera{position:relative;background:#142033;border-radius:14px;aspect-ratio:4/3;overflow:hidden}.camera video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.camera-message{position:absolute;inset:30% 10%;color:#fff;text-align:center}.camera-tag{position:absolute;bottom:15px;left:12px;right:12px;text-align:center;color:#fff;background:#1119;padding:9px;border-radius:8px;font-size:12px}.snapshot{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:12px;background:#f2f5fa;overflow:hidden}.snapshot img{width:100%;height:100%;object-fit:contain}.btn{border-radius:9px;padding:11px 16px;font-weight:600}.btn-primary{background:#245ee7;border-color:#245ee7}.history-photo{width:44px;height:44px;border-radius:10px;object-fit:cover}th{font-size:12px;color:#64748b!important;font-weight:600}.badge{padding:8px 10px}#result img{width:140px;border-radius:10px;margin-top:12px;display:block}

.result-dialog{border:0;border-radius:20px;padding:28px;width:min(440px,calc(100% - 32px));max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #10254040;color:#17243b;text-align:center}
.result-dialog::backdrop{background:rgba(15,23,42,.55)}
.result-icon{width:58px;height:58px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700}
.result-success .result-icon{background:#dcfce7;color:#15803d}.result-failed .result-icon{background:#fee2e2;color:#b91c1c}
.result-details{line-height:1.8;color:#526176}#result img{margin:16px auto 0;max-width:100%}