:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#203731;background:#f4f5f0;font-synthesis:none;font-weight:400;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ced8cf;background:#fff;color:#23483e;border-radius:10px;padding:11px 19px;cursor:pointer;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s}button:hover,.button:hover{background:#edf2eb}button:disabled,.disabled{opacity:.45;cursor:default;pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9cbaa0;outline-offset:3px}.primary{background:#244e42;border-color:#244e42;color:#fff}.primary:hover{background:#183c31}.quiet{border-color:transparent;background:transparent}.large{padding:16px 24px;font-size:16px}.full{width:100%}.back{padding:0;border:0;background:none;margin-bottom:25px;font-weight:500}.danger{color:#a14232}.text-link{color:#244e42;font-weight:600;text-decoration:none}header{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7df}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#244e42;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-.3px}.brand small{display:block;font-size:10px;letter-spacing:1.6px;color:#78867a;font-weight:500;margin-top:5px}.brand-mark{display:grid;place-items:center;width:35px;height:39px;background:#244e42;color:#e4efcc;border-radius:12px 12px 15px 15px;font:italic 700 29px Georgia}.header-label{font-size:10px;letter-spacing:2px;color:#7c887e}main{max-width:660px;margin:54px auto 90px;padding:0 24px;min-height:65vh}main.admin{max-width:1240px;padding:0 36px;margin-top:42px}h1{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:9px 0 15px;font-weight:650}h3{font-size:16px;line-height:1.4;margin:0 0 14px}p{margin:0 0 18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7b886e;margin-bottom:12px}.muted{color:#7b867e}.small{font-size:12px}.lead{font-size:16px;line-height:1.9}.card{background:#fff;border:1px solid #e0e6dc;border-radius:18px;padding:26px;box-shadow:0 3px 12px #213c2c03}.welcome{max-width:610px;margin:0 auto}.welcome.card{padding:40px}.centered{text-align:center}.steps-overview{margin:30px 0}.steps-overview>div{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #edf0e9}.steps-overview>div:first-child{padding-top:0}.steps-overview>div:last-child{border:0;padding-bottom:0}.step-number{color:#8d9d73;font-size:13px;padding-top:1px;font-weight:650}.steps-overview strong{font-size:15px}.steps-overview p{font-size:12px;color:#8b948c;margin:6px 0 0}.privacy{font-size:12px;color:#7b867e;margin:26px 0}.privacy h3{color:#485b4c;font-size:14px}.privacy p{margin:10px 0}.checkbox{display:flex;align-items:flex-start;gap:11px;font-size:12px;font-weight:400;margin:22px 0;cursor:pointer}.checkbox input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#244e42}.notice{border:1px solid #e1e7d9;background:#eef2e6;border-radius:10px;padding:16px 18px;color:#637355;font-size:13px;margin:23px 0}.success-icon{display:inline-grid;place-items:center;border-radius:50%;background:#e9f0df;color:#3c6648;width:58px;height:58px;font-size:27px;margin-bottom:24px}.login{max-width:450px;margin:70px auto}.login h1{font-size:26px}.login form{margin-top:26px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #d7dfd4;background:#fff;border-radius:8px;color:#263d31;font-weight:400;margin-top:8px;font-size:14px}textarea{resize:vertical;min-height:84px}.error{background:#fbefeb;border:1px solid #eed1c7;color:#a64632;border-radius:9px;padding:12px 15px;font-size:13px;margin:18px 0}[hidden]{display:none!important}.hint{font-size:13px;color:#74816b;margin:19px 0;text-align:center;min-height:23px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px}.page-heading h1{margin:0 0 5px;font-size:29px}.page-heading p{margin:0;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px}.search{display:flex;max-width:520px;gap:10px;margin:20px 0}.search input{margin:0}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:13px}th{background:#f9faf6;color:#84907e;font-size:11px;font-weight:500;letter-spacing:.5px}td,th{padding:19px 24px;border-bottom:1px solid #edf0e9}tr:last-child td{border:0}td small{display:block;color:#95a08f;margin-top:3px;font-size:11px}td strong{font-weight:600}.badge{display:inline-block;white-space:nowrap;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600}.badge.pending{background:#f2eee1;color:#9e813f}.badge.submitted{background:#e7edf7;color:#5678a3}.badge.reviewed{background:#e8f0df;color:#67834e}.badge.revoked{background:#f2e8e5;color:#a57766}.empty{text-align:center;color:#8a9786;padding:60px}.pagination{display:flex;gap:18px;justify-content:flex-end;align-items:center;font-size:12px;color:#8b9587;margin-top:24px}.pagination button{padding:7px 12px}.form-card{max-width:760px;margin:auto;padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flow-list{padding:18px 20px 18px 40px;background:#f5f7f0;border-radius:10px;font-size:13px;color:#68785d;line-height:2.1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.section-heading h3{margin:0}.extra{border:1px solid #e0e6dc;padding:15px 20px;border-radius:10px;margin:15px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:13px}.detail-meta small{display:block;color:#909b8a;font-size:11px;margin-bottom:4px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-card{padding:20px}.media-card h3{font-size:14px}.media-card img,.media-card video{width:100%;max-height:240px;object-fit:contain;background:#172820;border-radius:10px}.media-meta{font-size:11px;color:#95a18e;margin:10px 0}.placeholder{min-height:150px;display:grid;place-items:center;color:#a1ac9a;background:#f6f8f2;border-radius:10px;font-size:12px}aside .card{margin-bottom:22px}aside h3{font-size:14px}.audit{padding:0;list-style:none;font-size:12px}.audit li{border-bottom:1px solid #eff2eb;padding:12px 0}.audit small{display:block;color:#9ba593;font-size:10px;margin-top:3px}.capture{max-width:570px;margin:auto}.capture h1{font-size:29px}.instruction{font-size:14px;min-height:45px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#88957d;margin-bottom:7px}progress{width:100%;height:4px;border:0;border-radius:6px;overflow:hidden;margin-bottom:30px;background:#e1e7d9}progress::-webkit-progress-bar{background:#e1e7d9}progress::-webkit-progress-value{background:#617d4c}progress::-moz-progress-bar{background:#617d4c}.camera{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#15261e;isolation:isolate}.camera video{width:100%;height:100%;object-fit:cover}.camera.face video{transform:scaleX(-1)}.guide{position:absolute;border:2px solid #e3f1bd99;inset:16% 7% 22%;border-radius:12px;pointer-events:none;box-shadow:0 0 0 180px #0410093b}.face .guide{inset:8% 23% 18%;border-radius:50%}.camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a8b3a4;background:#172a20}.camera-empty p{font-size:12px;margin-top:10px}.camera-symbol{font-size:45px;color:#7f9474}.camera-prompt{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;color:#e9f0db;font-size:13px;background:#14291de0;padding:10px;border-radius:9px}.recording{position:absolute;top:15px;left:16px;background:#24352bdc;padding:4px 10px;border-radius:5px;font-size:10px;color:#f5c1ad;letter-spacing:1px}.capture-actions{display:flex;flex-direction:column;gap:12px}.preview{background:#15261e;border-radius:16px;overflow:hidden;margin:24px 0}.preview img,.preview video{display:block;max-height:430px;width:100%;object-fit:contain}.review-list{margin:28px 0}.review-list>div{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #edf0e8;font-size:13px}.review-list>div:last-child{border:0}.review-list span{color:#7f9a63}.review-list button{margin-left:auto;padding:6px 10px;font-size:12px}footer{display:flex;justify-content:space-between;max-width:1168px;margin:auto;padding:23px 0;border-top:1px solid #e0e6dc;color:#97a08f;font-size:10px;letter-spacing:.4px}@media(max-width:760px){header{padding:22px 23px}.header-label{font-size:8px;letter-spacing:1px}.brand{font-size:15px}.brand small{font-size:9px}main{margin-top:35px;padding:0 22px}main.admin{padding:0 20px;margin-top:28px}h1{font-size:29px}.welcome.card{padding:28px}.card{padding:22px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:27px}.detail-layout,.media-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.form-card{padding:24px}.table-wrap{padding:0}.actions{width:100%}.detail-meta{font-size:12px;gap:18px}footer{margin:0 23px;display:block}footer span{float:right}.login{margin:30px auto}.capture h1{font-size:27px}.camera{aspect-ratio:3/4}.document .guide{inset:23% 7% 27%}.face .guide{inset:12% 14% 19%}.camera-prompt{font-size:12px}.instruction{min-height:0}.steps-overview{padding:23px}.steps-overview>div{gap:14px}.page-heading .actions button{flex:1}}body:has(.customer-app){background:#fff}.customer-app{--accent:#635bff;--ink:#26364f;color:var(--ink);background:#fff;min-height:100dvh}.customer-app header{max-width:580px;border:0;padding:22px 24px 12px}.customer-app .brand{font-size:13px;color:#33445e;gap:8px}.customer-app .brand small{font-size:8px;color:#8b94a4;letter-spacing:.5px}.customer-app .brand-mark{width:27px;height:31px;border-radius:8px;background:var(--accent);color:#fff;font:600 19px inherit}.customer-app .header-label{font-size:8px;color:#9098a6;letter-spacing:.5px}.customer-app main{max-width:530px;margin:10px auto 0;padding:0 24px 20px;min-height:calc(100dvh - 85px)}.customer-app footer{display:none}.customer-app .capture,.customer-app .welcome{max-width:100%;min-height:calc(100dvh - 105px);display:flex;flex-direction:column}.customer-app h1{font-size:26px;font-weight:700;line-height:1.4;letter-spacing:-.5px;text-align:center;color:var(--ink);margin:20px 0 16px}.customer-app .muted{color:#53627a}.customer-app .instruction{font-size:15px;line-height:1.8;min-height:0;text-align:center;margin-bottom:22px}.customer-app .lead{text-align:center;font-size:15px;line-height:1.9}.customer-app .flow-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#69778e;margin:8px 0 16px}.customer-app .flow-progress{display:block;width:100%;height:4px;border:0;border-radius:6px;background:#f1f3f7;margin:0 0 7px;flex-shrink:0;accent-color:var(--accent)}.customer-app progress::-webkit-progress-bar{background:#f1f3f7}.customer-app progress::-webkit-progress-value{background:var(--accent);border-radius:6px}.customer-app progress::-moz-progress-bar{background:var(--accent)}.customer-app button,.customer-app .button{border-radius:7px;min-height:45px;font-size:14px;color:var(--ink);font-weight:600}.customer-app .primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}.customer-app .primary:hover{background:#554ce8}.customer-app .primary:disabled{opacity:.48}.customer-app .large{min-height:48px;padding:12px 18px;font-size:16px}.customer-app .secondary{background:#fff;border:1px solid #a9b5c9;min-height:47px}.customer-app .quiet{background:transparent;border:0;font-weight:500}.customer-app .quiet:hover{background:#f7f7fb}.customer-app button:focus-visible,.customer-app input:focus-visible{outline:3px solid #b8b3ff;outline-offset:3px}.customer-app .capture-actions{position:sticky;bottom:0;z-index:8;margin-top:0;padding:8px 0 max(14px,env(safe-area-inset-bottom));gap:10px;background:#fff;box-shadow:0 -12px 16px #ffffffed}.customer-app .capture-actions .small{margin:0;font-size:10px;color:#8c95a5}.customer-app .capture-actions .quiet{min-height:38px}.customer-app .camera{position:relative;border-radius:12px;background:#303a4b;aspect-ratio:4/3;box-shadow:none;flex-shrink:0}.customer-app .camera.face{aspect-ratio:4/5}.customer-app .camera video{display:block;object-fit:cover;object-position:center;background:#303a4b}.customer-app .camera.face video{object-fit:cover;transform:scaleX(-1)}.customer-app .camera-empty{background:#f5f6fa;color:#7a879b;border:1px solid #e5e8ef;border-radius:12px}.customer-app .camera-symbol{color:#8490a4;font-size:48px}.customer-app .camera-empty p{font-size:13px;margin:12px 0}.customer-app .document-guide{position:absolute;inset:10% 5% 14%;pointer-events:none}.document-guide span{position:absolute;width:25px;height:25px;border-color:#fff;border-style:solid;border-width:0;filter:drop-shadow(0 1px 2px #0006)}.document-guide span:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px;border-radius:8px 0 0}.document-guide span:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px;border-radius:0 8px 0 0}.document-guide span:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 8px}.document-guide span:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 8px}.customer-app .camera-prompt{bottom:18px;left:16px;right:16px;padding:10px 12px;font-size:14px;font-weight:500;background:#242834bf;color:#fff;border-radius:9px;backdrop-filter:blur(6px);line-height:1.6}.customer-app .recording{top:12px;left:12px;font-size:10px;color:#fff;background:#272b36b8;letter-spacing:.2px;padding:5px 9px}.recording>span{margin-left:5px}.face-oval{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.face-oval line{stroke:#ffffff65;stroke-width:2.4;transition:stroke .15s}.face-stage{position:absolute;top:13px;right:10px;display:flex;gap:4px;justify-content:flex-end;color:#ffffffbf;font-size:10px;pointer-events:none}.face-stage span{padding:3px 8px;border-radius:30px;background:#252b345c}.face-stage .complete{color:#b7ffdf;background:#173b2bb8}.capture-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;pointer-events:none;animation:success-in .2s ease-out}.capture-feedback>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#58d8a1;color:#113a2a;font-size:25px}.capture-feedback strong{font-size:13px;color:#fff;background:#173b2bd9;padding:5px 12px;border-radius:6px}.voice-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0}.customer-app .voice-controls button{font-size:11px;min-height:30px;padding:2px 6px;color:#69778e}.voice-controls>span{font-size:10px;color:#7e779d}.customer-app .hint{font-size:12px;line-height:1.7;color:#69778e;margin:9px 0 18px;min-height:21px}.customer-app .preview{border:3px solid #596b86;border-radius:17px;background:#f5f6fa;box-shadow:0 5px 13px #24304626;margin:0 0 22px;flex-shrink:0;overflow:hidden}.customer-app .preview img,.customer-app .preview video{width:100%;max-height:410px;object-fit:contain;display:block;background:#252d3b}.customer-app .preview video+img,.customer-app .preview img+video{border-top:4px solid #fff}.customer-app .preview:has(img+video) video{max-height:190px}.upload-panel{border:1px solid #e6e9f1;border-radius:9px;padding:13px;margin:0 0 18px}.upload-heading{display:flex;gap:10px;align-items:center}.upload-heading>div{flex:1}.upload-heading strong{font-size:12px;font-weight:600}.upload-heading p{font-size:11px;color:#7d889b;margin:3px 0 0}.upload-symbol{display:grid;place-items:center;width:30px;height:34px;border-radius:7px;background:#f1efff;color:#776bf0;font-size:18px}.upload-heading>span:last-child{font-size:12px;color:#7469dd;font-variant-numeric:tabular-nums}.upload-panel progress{display:block;height:5px;margin:13px 0 0}.upload-detail{font-size:11px;color:#7c879a;margin:8px 0 0}.upload-panel.saved{background:#f4fcf7;border-color:#bfe5cf}.upload-panel.saved strong,.upload-panel.saved .upload-symbol{color:#259064}.upload-panel.saved .upload-symbol{background:#dff5e8}.upload-panel.failed{border-color:#eab9ad}.customer-app .checkbox{font-size:12px;line-height:1.8;color:#55627a;margin:12px 0 22px;font-weight:400}.customer-app .checkbox input{accent-color:var(--accent);width:18px;height:18px}.customer-app input:not([type=checkbox]){color:#283851;border-color:#cdd5e2}.customer-app .error{font-size:12px;margin:8px 0 20px}.customer-app .privacy{font-size:11px;line-height:1.8;color:#7c8799;margin:12px 0}.customer-app .privacy h3{font-size:12px;color:#53627b;margin:0}.customer-app .privacy p{margin:8px 0}.customer-app .steps-overview{padding:0;margin:20px 0}.customer-app .steps-overview>div{gap:15px;padding:15px 0;border-color:#eef0f5}.customer-app .steps-overview strong{font-size:14px}.customer-app .steps-overview p{color:#7a869a;font-size:12px}.customer-app .step-number{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#f0edff;color:#7667df;font-size:12px}.intro-icon{font-size:44px;color:var(--accent);text-align:center;margin:20px 0 0;line-height:1.2}.customer-app .notice{color:#6d668b;background:#f5f2ff;border-color:#ece7ff}.customer-app .text-link{color:var(--accent);text-align:center;margin:20px}.customer-app .success-icon{background:#e5f8ed;color:#259064;margin:50px auto 6px;flex-shrink:0;animation:success-in .3s ease-out}.completion-receipt{border:1px solid #e2e6ee;border-radius:12px;margin:20px 0 30px;padding:14px 20px;text-align:left}.completion-receipt>div{display:flex;gap:14px;align-items:center;padding:12px 0;font-size:13px}.completion-receipt strong{font-weight:500}.completion-receipt span{color:#259064}.completion-receipt .receipt-pending{color:#8a82b5}.customer-app .review-list{margin:12px 0 22px}.customer-app .review-list>div{font-size:13px;border-color:#eef0f5}.customer-app .review-list span{color:#259064}.customer-app .review-list button{color:#7667df}.customer-app .welcome:has(#submit) #submit{display:flex;flex-direction:column;flex:1}@keyframes success-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes guide-pulse{50%{opacity:.45;transform:translate(-3px)}}@media(min-width:761px){.customer-app main{padding-top:4px}.customer-app .capture-actions{margin-top:0}.customer-app .capture,.customer-app .welcome{min-height:0;padding-bottom:30px}}@media(max-width:380px){.customer-app main{padding:0 18px}.customer-app h1{font-size:23px}.customer-app .instruction{font-size:13px}.customer-app .camera-prompt{font-size:12px}}@media(prefers-reduced-motion:reduce){.customer-app *{animation:none!important}}.turn-cue{position:absolute;top:38%;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;background:#292b3aaf;border:1px solid #ffffff80;border-radius:12px;padding:10px 7px;text-shadow:0 1px 3px #0005;backdrop-filter:blur(5px)}.turn-cue.left{left:3%}.turn-cue.right{right:3%}.turn-cue>span{font-size:27px;line-height:1;animation:guide-pulse 1.3s ease-in-out infinite}.turn-cue strong{writing-mode:vertical-rl;letter-spacing:3px;font-size:17px;line-height:1.2;font-weight:600}.name-cue{position:absolute;top:58px;left:12px;right:12px;background:#635bffee;color:#fff;text-align:center;border-radius:9px;font-size:16px;font-weight:600;padding:12px 7px;line-height:1.5}.face-missing .face-oval line{stroke:#ffce8cb0}.customer-app .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.customer-app .face-stage{font-size:9px}.customer-app .face-stage span{padding:3px 5px}.customer-app .capture-intro{min-height:0;padding:4px 0 18px}.customer-app .capture-intro .intro-icon{font-size:34px;line-height:1;margin:8px 0 0}.customer-app .capture-intro h1{font-size:25px;margin:16px 0 8px}.customer-app .capture-intro .lead{font-size:14px;line-height:1.7;margin:0}.customer-app .capture-intro .steps-overview{width:fit-content;max-width:100%;margin:22px auto 18px}.customer-app .capture-intro .steps-overview>div{gap:12px;padding:12px 0;align-items:center}.customer-app .capture-intro .steps-overview>div:first-child{padding-top:0}.customer-app .capture-intro .steps-overview>div:last-child{padding-bottom:0}.customer-app .capture-intro .steps-overview strong{font-size:14px}.customer-app .capture-intro .steps-overview p{font-size:12px;line-height:1.5;margin:3px 0 0}.customer-app .capture-intro .intro-actions{position:static;margin:0;padding:0;gap:6px;box-shadow:none}.customer-app .capture-intro .intro-consent{font-size:11px;line-height:1.7;color:#69778e;margin:14px 0 0}.customer-app .capture-intro .intro-privacy{font-size:11px;line-height:1.7;margin:8px 0 0}.customer-app .intro-privacy summary{width:fit-content;cursor:pointer;color:var(--accent);border-radius:3px}.customer-app .intro-privacy summary:focus-visible{outline:3px solid #b8b3ff;outline-offset:3px}.customer-app .capture-intro .error{margin:0 0 14px}@media(max-width:380px){.customer-app .capture-intro{padding-top:0}.customer-app .capture-intro .intro-icon{font-size:28px;margin-top:2px}.customer-app .capture-intro h1{font-size:23px;margin-top:12px}.customer-app .capture-intro .steps-overview{margin:16px auto}.customer-app .capture-intro .steps-overview>div{padding:10px 0}.customer-app .capture-intro .intro-consent{font-size:10px;margin-top:10px}}.customer-app .face-playback h1{font-size:24px;margin:18px 0 8px}.customer-app .face-playback .instruction{font-size:13px;margin:0 0 20px}.customer-app .face-playback .preview{width:min(100%,290px);align-self:center;border:0;border-radius:14px;box-shadow:none;margin:0 0 18px;background:#f5f3ff}.customer-app .face-playback .preview video{width:100%;height:auto;aspect-ratio:4/5;max-height:380px;object-fit:contain;background:#f5f3ff}.customer-app .face-playback .capture-actions{position:static;box-shadow:none;padding-top:0;gap:4px}.customer-app .face-playback .upload-panel[hidden]{display:none}.customer-app{--accent:#635bff;--ink:#202636}.customer-app header{max-width:560px;padding:20px 24px}.customer-app main{max-width:520px;margin:0 auto;padding:0 24px 24px}.customer-app .capture,.customer-app .welcome{min-height:0}.customer-app h1{font-size:26px;letter-spacing:-.7px;margin:18px 0 10px}.customer-app .instruction{font-size:14px;line-height:1.65;margin-bottom:18px}.customer-app .camera{border-radius:20px;overflow:hidden;background:#181c24}.customer-app .camera.face{height:min(420px,42dvh);aspect-ratio:auto;max-height:55dvh}.customer-app .camera.document{--camera-ratio:1.333333;width:min(100%,calc(52dvh * var(--camera-ratio)));aspect-ratio:var(--camera-ratio);margin-inline:auto}.customer-app .camera.document video{object-fit:contain}.customer-app .camera.camera-idle{width:100%;height:min(220px,26dvh);aspect-ratio:auto}.customer-app .face-frame{position:absolute;inset:53% auto auto 50%;height:auto;width:min(94%,calc(var(--camera-height,400px) * .88 * .8));aspect-ratio:4/5;transform:translate(-50%,-50%);border:2px solid #ffffffa6;border-radius:50%;pointer-events:none}.customer-app .face-guide-label{position:absolute;top:15px;right:14px;color:#fff;font-size:10px}.customer-app .camera-prompt{position:static;inset:auto;margin:10px 0 0;min-height:1.6em;padding:0;font-size:14px;font-weight:600;line-height:1.6;text-align:center;color:var(--ink);background:transparent;backdrop-filter:none;border-radius:0}.customer-app .capture-actions{position:static;box-shadow:none;background:transparent;padding-top:8px;gap:6px}.customer-app button,.customer-app .button{border-radius:12px}.customer-app .large{min-height:50px;font-size:15px}.customer-app .hint{font-size:12px;line-height:1.7;text-align:center;margin:10px 0}.customer-app .voice-controls{margin-top:8px}.customer-app .voice-controls button{min-height:36px;font-size:12px}.customer-app .capture-playback .preview{width:100%;border:0;box-shadow:none;border-radius:16px;margin:0;background:#f3f4f7}.customer-app .preview img,.customer-app .preview video{width:100%;height:auto;max-height:48dvh;object-fit:contain;background:#f3f4f7}.customer-app .media-preview[hidden]{display:none}.customer-app .media-tabs{display:flex;justify-content:center;gap:8px;margin:12px 0 0}.customer-app .media-tabs button{min-height:36px;padding:6px 20px;background:#f3f4f7;border:0}.customer-app .media-tabs [aria-pressed=true]{color:#5146db;background:#eeecff}.customer-app .final-review .eyebrow{text-align:center;margin-top:24px}.customer-app .review-list>div{display:flex;align-items:center;gap:10px;padding:14px 0}.customer-app .review-list strong{flex:1;font-size:13px;font-weight:500}.customer-app .review-edit{font-size:12px;padding:6px}.customer-app .upload-panel{margin-top:12px}.customer-app .upload-panel[hidden]{display:none}@media(max-height:720px){.customer-app header{padding-top:12px;padding-bottom:12px}.customer-app h1{font-size:23px;margin-top:12px}.customer-app .camera.face{max-height:46dvh}}.customer-app .face-frame{border:0}.customer-app .face-oval line{stroke:#ffffff80;stroke-width:3;transition:stroke .15s}.customer-app .face-frame.face-detected .face-oval line{stroke:#ffffffb3}.customer-app .face-frame .face-oval line.ring-target{stroke:#b8b2ff}.customer-app .face-frame .face-oval line.ring-active,.customer-app .face-frame .face-oval line.ring-complete{stroke:#55e59f}.customer-app .turn-cue{top:35%;gap:3px;padding:9px 6px;width:68px;background:#4036b8e8;border-color:#c8c3ff;pointer-events:none}.customer-app .turn-cue.left{left:2%}.customer-app .turn-cue.right{right:2%}.customer-app .turn-cue>span{font-size:32px;animation:turn-left 1.6s ease-in-out infinite}.customer-app .turn-cue.right>span{animation-name:turn-right}@keyframes turn-left{50%{transform:translate(-6px)}}@keyframes turn-right{50%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.customer-app .turn-cue>span{animation:none}}.customer-app .turn-cue strong{writing-mode:horizontal-tb;letter-spacing:0;font-size:12px;white-space:nowrap}@media(max-width:360px){.customer-app .turn-cue{width:60px;padding:8px 3px}.customer-app .turn-cue strong{font-size:11px}}.customer-app .document-guide{inset:50% auto auto 50%;width:min(88%,calc(var(--camera-height,400px) * .88 * 125 / 88));aspect-ratio:125/88;transform:translate(-50%,-50%)}.customer-app .passport-cover .document-guide{width:min(88%,calc(var(--camera-height,400px) * .88 * 88 / 125));aspect-ratio:88/125}.customer-app .passport-ghost{position:absolute;inset:0;width:100%;height:100%;color:#635bff;opacity:.88;pointer-events:none;filter:drop-shadow(0 1px 1px #0004)}.customer-app:has(.capture-actions){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.customer-app:has(.capture-actions) header{width:100%;flex-shrink:0}.customer-app:has(.capture-actions) main{width:100%;flex:1;min-height:0;margin:0 auto;padding-bottom:0;overflow:hidden}.customer-app:has(.capture-actions) .capture,.customer-app:has(.capture-actions) .welcome{height:100%;min-height:0;padding:0;overflow:hidden}.customer-app .capture-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:8px}.customer-app .capture-actions,.customer-app .capture-intro .intro-actions{position:relative;flex-shrink:0;margin:0;padding:10px 0 max(12px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 16px #ffffffed}.customer-app .capture-actions:has(#name-done:not([hidden])){display:grid;grid-template-columns:1fr 1fr}.customer-app .capture-actions:has(#name-done:not([hidden]))>.primary{grid-column:1/-1}.customer-app .capture-body .camera{--camera-height:clamp(110px, calc(100dvh - 380px) ,400px);width:100%;height:var(--camera-height);aspect-ratio:auto;max-height:none;margin-inline:auto}.customer-app .capture-body .camera video{object-fit:cover}.customer-app .capture-body .face-guide-label{display:none}.customer-app:has(#live) main{padding-inline:16px}.customer-app .capture-body .preview{width:fit-content;max-width:100%;margin-inline:auto}.customer-app .capture-body .preview img,.customer-app .capture-body .preview video{width:auto;max-width:100%;max-height:clamp(140px,calc(100dvh - 340px),420px);aspect-ratio:auto;margin-inline:auto}@media(max-height:760px){.customer-app:has(.capture-actions) header{padding:10px 24px}.customer-app .capture-body h1{margin:10px 0 6px;font-size:22px}.customer-app .capture-body .flow-top{margin:4px 0 8px}.customer-app .capture-body .instruction{margin-bottom:10px;font-size:13px}.customer-app .capture-body .hint{margin:6px 0}.customer-app .capture-actions .quiet{min-height:32px;padding:5px 10px}}@media(max-width:360px){.customer-app .camera.face .recording{left:8px;padding:4px 6px;font-size:9px;letter-spacing:0;white-space:nowrap}}@media(max-height:460px)and (min-aspect-ratio:1/1){.customer-app:has(#live) main{max-width:900px}.customer-app:has(#live) .capture{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px}.customer-app:has(#live) .capture-body h1,.customer-app:has(#live) .capture-body .instruction{display:none}.customer-app:has(#live) .capture-actions{align-self:center;box-shadow:none}.customer-app .capture-actions:has(#name-done:not([hidden])){grid-template-columns:1fr}}