:root{--c-ink:#101419;--c-muted:#6d7780;--c-line:#e2e7ea;--c-soft:#f5f7f8;--c-orange:#ff4b1f;--c-green:#187a49;--c-green-soft:#eef8f2;--c-blue:#2c72ce;--c-blue-soft:#edf5ff;--c-amber:#986315;--c-amber-soft:#fff6e8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--c-ink);background:var(--c-soft);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.cu-head{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--c-line);background:#fff;position:sticky;top:0;z-index:40}.cu-brand{display:flex;align-items:center;gap:8px}.cu-brand img{width:25px}.cu-brand strong{font-size:16px}.cu-head>span{font-size:13px;font-weight:900;letter-spacing:.8px;color:#6a737d}.cu-user{justify-self:end;display:flex;align-items:center;gap:8px}.cu-user span{display:flex;flex-direction:column;gap:2px;text-align:right}.cu-user strong{font-size:15px}.cu-user small{font-size:13px;color:#6d7378}.cu-user button{border:0;width:31px;height:31px;border-radius:8px;background:#f1f3f4}
.cu-shell{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:34px 0 65px}.cu-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cu-top small{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--c-orange)}.cu-top h1{margin:7px 0 0;font-size:30px;letter-spacing:-1.2px}.cu-top p{max-width:650px;margin:7px 0 0;color:var(--c-muted);font-size:16px;line-height:1.55}.cu-rule{max-width:330px;padding:12px 14px;border-radius:12px;background:#11151a;color:#fff}.cu-rule strong{font-size:15px}.cu-rule p{margin:5px 0 0;color:#adb5bc;font-size:16px;line-height:1.45}
.cu-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.cu-progress button{min-height:48px;padding:8px;border:1px solid var(--c-line);border-radius:11px;background:#fff;text-align:left;color:#6b737b}.cu-progress b{display:block;font-size:13px}.cu-progress span{display:block;margin-top:3px;font-size:13px;font-weight:850}.cu-progress button.active{border-color:#111;background:#111;color:#fff}.cu-progress button.complete{border-color:#cde7d8;background:var(--c-green-soft);color:var(--c-green)}
.cu-card{margin-top:12px;border:1px solid var(--c-line);border-radius:17px;background:#fff;overflow:hidden}.cu-step{padding:24px}.cu-step[hidden]{display:none!important}.cu-step-head small{font-size:13px;font-weight:900;letter-spacing:.9px;color:var(--c-orange)}.cu-step-head h2{margin:7px 0 0;font-size:23px;letter-spacing:-.8px}.cu-step-head p{margin:7px 0 0;color:#6a737d;font-size:16px;line-height:1.55}.cu-scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.cu-scan-card{padding:18px;border:1px solid var(--c-line);border-radius:14px;background:#fff}.cu-scan-card h3{margin:0;font-size:16px}.cu-scan-card p{margin:5px 0 0;color:#6b737b;font-size:16px;line-height:1.45}.cu-qr-demo{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;margin-top:13px}.cu-qr-demo img{width:120px;height:120px;border:1px solid #e3e7ea;border-radius:11px}.cu-qr-demo span{display:flex;flex-direction:column;gap:6px}.cu-qr-demo strong{font-size:15px}.cu-qr-demo small{font-size:13px;color:#6c737a}.cu-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.cu-primary,.cu-secondary{min-height:41px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;font-size:14px;font-weight:850}.cu-primary{border:0;background:var(--c-orange);color:#fff}.cu-secondary{border:1px solid #dce2e5;background:#fff;color:#59636d}
.cu-fields{display:grid;gap:9px;margin-top:15px}.cu-grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cu-field{display:grid;gap:5px}.cu-field span{font-size:14px;font-weight:850;color:#626d77}.cu-field input,.cu-field select,.cu-field textarea{width:100%;border:1px solid #dce2e5;border-radius:9px;background:#fff;font-size:16px;outline:0}.cu-field input,.cu-field select{height:41px;padding:0 10px}.cu-field textarea{min-height:72px;padding:9px;resize:vertical}.cu-field input:focus,.cu-field textarea:focus,.cu-field select:focus{border-color:var(--c-orange);box-shadow:0 0 0 3px rgba(255,75,31,.08)}.cu-status{min-height:11px;margin-top:7px;color:#a6453e;font-size:13px}
.cu-match{margin-top:16px;padding:15px;border-radius:13px;background:#f6f8f9}.cu-match-top{display:flex;justify-content:space-between;gap:10px}.cu-match-top span{display:flex;flex-direction:column;gap:4px}.cu-match-top strong{font-size:15px}.cu-match-top small{font-size:13px;color:#6c737a}.cu-match-top b{padding:6px 8px;border-radius:999px;background:var(--c-green-soft);color:var(--c-green);font-size:13px}.cu-match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.cu-match-grid div{padding:9px;border-radius:9px;background:#fff}.cu-match-grid small{display:block;font-size:13px;font-weight:850;color:#6d7378}.cu-match-grid strong{display:block;margin-top:4px;font-size:15px}
.cu-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.cu-photo{position:relative;min-height:145px;border:1px dashed #ccd3d8;border-radius:12px;background:#fafbfb;overflow:hidden}.cu-photo input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:3}.cu-photo img{display:none;width:100%;height:105px;object-fit:cover}.cu-photo.has img{display:block}.cu-photo-copy{padding:10px;text-align:center}.cu-photo-copy strong{display:block;font-size:16px}.cu-photo-copy small{display:block;margin-top:3px;color:#6c737a;font-size:16px;line-height:1.35}.cu-photo.has .cu-photo-copy{padding:7px}.cu-photo.has .cu-photo-copy small{display:none}
.cu-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.cu-option{border:1px solid #dce2e5;border-radius:999px;background:#fff;padding:8px 10px;font-size:13px;font-weight:800;color:#69737d}.cu-option.active{border-color:#111;background:#111;color:#fff}.cu-note{margin-top:12px;padding:11px;border-radius:10px;background:#fff6e8;color:#76551e;font-size:14px;line-height:1.5}
.cu-bag{display:grid;grid-template-columns:1fr .9fr;gap:14px;margin-top:16px}.cu-bag-code{padding:20px;border-radius:14px;background:#11151a;color:#fff}.cu-bag-code small{font-size:13px;font-weight:900;letter-spacing:.8px;color:#9da6ad}.cu-bag-code strong{display:block;margin-top:9px;font-size:23px;letter-spacing:.6px}.cu-bag-code p{margin:7px 0 0;color:#aeb6bd;font-size:16px;line-height:1.45}.cu-bag-checks{display:grid;gap:7px}.cu-check{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:9px;border-radius:9px;background:#f6f8f9}.cu-check input{margin:1px 0 0}.cu-check span{font-size:13px;line-height:1.45;color:#69737c}
.cu-receipt{text-align:center;padding:34px}.cu-ok{display:grid;place-items:center;width:53px;height:53px;margin:auto;border-radius:15px;background:var(--c-green-soft);color:var(--c-green);font-size:18px;font-weight:900}.cu-receipt h2{margin:14px 0 0;font-size:25px}.cu-receipt>p{max-width:560px;margin:8px auto 0;color:#69737d;font-size:16px;line-height:1.55}.cu-receipt-card{max-width:600px;margin:18px auto 0;text-align:left;border:1px solid var(--c-line);border-radius:13px;overflow:hidden}.cu-receipt-row{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border-bottom:1px solid var(--c-line)}.cu-receipt-row:last-child{border-bottom:0}.cu-receipt-row small{font-size:13px;color:#6c737a}.cu-receipt-row strong{font-size:15px;text-align:right}.cu-script{max-width:600px;margin:13px auto 0;padding:12px;border-radius:11px;background:#f6f8f9;color:#69737c;font-size:13px;line-height:1.5;text-align:left}
.cu-step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--c-line)}.cu-step-actions .cu-primary{min-width:145px}.cu-back{border:0;background:none;color:#68727c;font-size:13px;font-weight:850}.cu-hidden{display:none!important}
.cu-camera{margin-top:13px;border:1px solid var(--c-line);border-radius:12px;overflow:hidden;background:#111}.cu-camera video{display:block;width:100%;max-height:320px;object-fit:cover}.cu-camera-status{padding:9px;color:#d7dde2;font-size:13px}.cu-footer{padding:21px 0;border-top:1px solid var(--c-line);text-align:center;color:#6c7379;font-size:13px}
@media(max-width:760px){.cu-head{grid-template-columns:1fr auto;padding:0 14px;height:62px}.cu-head>span{display:none}.cu-shell{width:calc(100% - 28px);padding-top:24px}.cu-top{display:block}.cu-rule{margin-top:12px;max-width:none}.cu-progress{grid-template-columns:repeat(5,minmax(92px,1fr));overflow:auto;padding-bottom:4px}.cu-card{border-radius:14px}.cu-step{padding:18px 14px}.cu-scan-grid{grid-template-columns:1fr}.cu-photo-grid{grid-template-columns:1fr 1fr}.cu-bag{grid-template-columns:1fr}.cu-match-grid{grid-template-columns:1fr 1fr}.cu-grid2{grid-template-columns:1fr}.cu-step-actions{position:sticky;bottom:0;margin:18px -14px -18px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);z-index:5}.cu-qr-demo{grid-template-columns:90px 1fr}.cu-qr-demo img{width:90px;height:90px}}
@media(max-width:420px){.cu-photo-grid{grid-template-columns:1fr}.cu-match-grid{grid-template-columns:1fr}.cu-user span{display:none}}