.packet-progress-indicator{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014}.progress-header{margin-bottom:24px}.progress-greeting{color:#1e293b;text-align:center;margin:0 0 16px;font-size:20px}.progress-greeting strong{color:#0078d4}.progress-summary{justify-content:center;align-items:center;gap:24px;display:flex}.progress-circle-container{width:100px;height:100px;position:relative}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{stroke:#e2e8f0}.progress-circle-fill{stroke:#0078d4;transition:stroke-dasharray .5s}.progress-circle-text{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-number{color:#0078d4;font-size:32px;font-weight:700}.progress-of{color:#64748b;margin-top:4px;font-size:14px}.progress-message{flex-direction:column;gap:4px;display:flex}.progress-status{color:#1e293b;font-size:22px;font-weight:600}.progress-status.complete{color:#16a34a}.progress-detail{color:#64748b;font-size:16px}.progress-steps{flex-direction:column;gap:0;display:flex}.progress-step{gap:16px;padding:12px 0;display:flex}.step-indicator{flex-direction:column;align-items:center;width:24px;display:flex}.step-icon{flex-shrink:0;width:24px;height:24px}.step-icon.completed{color:#16a34a}.step-icon.current{color:#0078d4}.step-icon.pending{color:#cbd5e1}.step-line{background:#e2e8f0;flex:1;width:2px;min-height:20px;margin-top:8px}.step-line.completed{background:#16a34a}.step-content{flex-direction:column;flex:1;gap:4px;padding-bottom:8px;display:flex}.step-name{color:#1e293b;font-size:18px;font-weight:500}.progress-step.completed .step-name{color:#16a34a}.progress-step.current .step-name{color:#0078d4;font-weight:600}.progress-step.pending .step-name{color:#94a3b8}.step-date{color:#64748b;font-size:14px}.step-action{color:#0078d4;font-size:14px;font-weight:500}.step-waiting{color:#94a3b8;font-size:14px}.progress-complete-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px 24px;display:flex}.complete-icon{color:#16a34a;width:24px;height:24px}.progress-complete-banner span{color:#16a34a;font-size:16px;font-weight:500}.packet-progress-indicator.horizontal .progress-steps{flex-direction:row;padding:16px 0;overflow-x:auto}.packet-progress-indicator.horizontal .progress-step{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:120px}.packet-progress-indicator.horizontal .step-indicator{flex-direction:row;width:auto}.packet-progress-indicator.horizontal .step-line{width:40px;height:2px;min-height:auto;margin:0 0 0 8px}.packet-progress-indicator.horizontal .step-content{align-items:center}@media (max-width:768px){.packet-progress-indicator{padding:20px}.progress-summary{flex-direction:column;gap:16px}.progress-circle-container{width:80px;height:80px}.progress-number{font-size:28px}.progress-status{text-align:center;font-size:20px}.progress-detail{text-align:center}.step-name{font-size:16px}}@media (max-width:480px){.packet-progress-indicator{padding:16px}.progress-circle-container{width:70px;height:70px}.progress-number{font-size:24px}.progress-status{font-size:18px}.step-icon{width:40px;height:40px}.step-name{font-size:14px}.step-description{font-size:12px}}@media (max-width:375px){.packet-progress-indicator{padding:12px}.progress-circle-container{width:60px;height:60px}.progress-number{font-size:20px}.progress-status{font-size:16px}.step-icon{width:36px;height:36px}.step-name{font-size:13px}.step-description{font-size:11px}.packet-progress-indicator.horizontal .progress-step{min-width:90px}}@media (prefers-reduced-motion:reduce){.progress-circle-fill{transition:none}}.progress-step:focus-within{outline-offset:4px;border-radius:8px;outline:3px solid #0078d4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.biometric-drawer-empty{text-align:center;padding:24px 12px}.biometric-drawer-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin:0 0 12px;display:flex}.biometric-drawer-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;transition:color .15s,border-color .15s}.biometric-drawer-tabs button:hover{color:#111827}.biometric-drawer-tabs button.active{color:#0078d4;border-bottom-color:#0078d4;font-weight:600}.biometric-viewer{flex-direction:column;gap:16px;display:flex}.biometric-viewer-canvas{flex-direction:column;gap:8px;display:flex}.biometric-viewer-canvas-el{background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:auto;display:block}.biometric-viewer-controls{align-items:center;gap:8px;display:flex}.biometric-viewer-duration{color:#6b7280;font-variant-numeric:tabular-nums;margin-left:auto}.biometric-viewer-metrics{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:12px;font-size:12px;display:grid}@media (max-width:520px){.biometric-viewer-metrics{grid-template-columns:1fr}}.biometric-viewer-metric{border-bottom:1px dashed #e5e7eb;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.biometric-viewer-metric:last-child{border-bottom:none}.biometric-viewer-metric dt{color:#6b7280;margin:0}.biometric-viewer-metric dd{color:#111827;font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:500}