:root{color:#17352f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}body:before{content:"";z-index:-1;background:linear-gradient(135deg,#073d35,#0d6656 65%,#17816b);height:300px;position:fixed;inset:0 0 auto}.app-shell{width:min(860px,100% - 28px);margin:0 auto;padding:48px 0 64px}.page-header{color:#fff;align-items:center;gap:18px;margin-bottom:28px;display:flex}.brand-mark{color:#0b594b;background:#fff;border-radius:18px;flex:0 0 62px;place-items:center;height:62px;font-size:1.2rem;font-weight:900;display:grid;box-shadow:0 12px 30px #052e2860}.eyebrow{color:#8ed2c3;letter-spacing:.18em;margin:0;font-size:.7rem;font-weight:800}.page-header h1{letter-spacing:-.04em;margin:3px 0 5px;font-size:clamp(2rem,5vw,2.8rem);line-height:1.08}.page-header>div>p:last-child{color:#d3ebe4;margin:0}.scanner-card{background:#fff;border:1px solid #dce9e4;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #17483b1f}.video-stage{background:#082f2a;place-items:center;min-height:460px;display:grid;position:relative;overflow:hidden}.video-stage video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute}.video-stage.camera-active video{opacity:1}.permission-panel{z-index:2;text-align:center;max-width:490px;padding:34px;position:relative}.permission-panel h2{color:#fff;margin:16px 0 7px;font-size:1.7rem}.permission-panel p{color:#c4ded7;margin:0 0 22px;line-height:1.55}.camera-icon{color:#0b594b;background:#dcefe9;border-radius:22px;place-items:center;width:68px;height:68px;margin:auto;font-size:2rem;display:grid}.scan-overlay{aspect-ratio:1;width:min(62%,350px);position:relative}.corner{border-color:#80e0c9;width:60px;height:60px;position:absolute}.corner-tl{border-top:6px solid #80e0c9;border-left:6px solid #80e0c9;border-radius:24px 0 0;top:0;left:0}.corner-tr{border-top:6px solid #80e0c9;border-right:6px solid #80e0c9;border-radius:0 24px 0 0;top:0;right:0}.corner-bl{border-bottom:6px solid #80e0c9;border-left:6px solid #80e0c9;border-radius:0 0 0 24px;bottom:0;left:0}.corner-br{border-bottom:6px solid #80e0c9;border-right:6px solid #80e0c9;border-radius:0 0 24px;bottom:0;right:0}.scan-line{background:#80e0c9;height:2px;animation:2.2s ease-in-out infinite alternate scan;position:absolute;top:50%;left:18px;right:18px;box-shadow:0 0 14px #80e0c9}@keyframes scan{0%{transform:translateY(-115px)}to{transform:translateY(115px)}}.receive-panel{padding:24px 28px 28px}.progress-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.progress-title{font-weight:800;color:#25473f!important;margin:0 0 3px!important;font-size:1rem!important}.progress-heading p{color:#71857f;margin:0;font-size:.83rem}.progress-heading strong{color:#0c6655;font-size:1.35rem}.progress-track{background:#d9e7e2;border-radius:999px;height:9px;margin-top:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:#16806b;height:100%;transition:width .2s;display:block}.error-message{color:#b83f3f;margin:12px 0 0;font-size:.82rem;font-weight:600}.scanner-actions{gap:10px;margin-top:15px;display:flex}.button{border:0;border-radius:12px;min-height:46px;padding:11px 18px;font-weight:800;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.65}.button-primary{color:#fff;background:#0c6655;width:100%}.button-secondary{color:#0b5f50;background:#dcefe9}.button-ghost{color:#526d66;background:#fff;border:1px solid #d1e0db}.secure-note{color:#647b75;text-align:center;margin:15px 4px 0;font-size:.76rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#062d27b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.details-modal{background:#f8fbfa;border-radius:24px;width:min(700px,100%);max-height:calc(100vh - 40px);padding:clamp(22px,5vw,38px);overflow-y:auto;box-shadow:0 28px 90px #0005}.details-modal h2{text-align:center;margin:5px 0 4px;font-size:1.8rem}.modal-description{color:#687e78;text-align:center;margin:0 0 22px}.modal-success{color:#fff;background:#16806b;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-size:1.3rem;font-weight:900;display:grid}.eyebrow-dark{color:#16806b;text-align:center;margin-top:12px}.details-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.readonly-field{margin-bottom:14px;display:block}.readonly-field>span,.readonly-groups legend{color:#294941;margin-bottom:6px;font-size:.82rem;font-weight:750;display:block}.readonly-field>div{color:#17352f;background:#fff;border:1px solid #cadbd5;border-radius:11px;align-items:center;min-height:48px;padding:11px 13px;line-height:1.5;display:flex}.readonly-field-multiline>div{white-space:pre-wrap;align-items:flex-start;min-height:78px}.readonly-groups{border:0;margin:0 0 14px;padding:0}.readonly-groups>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.group-item{color:#84958f;background:#f7faf9;border:1px solid #d5e2de;border-radius:11px;align-items:center;gap:9px;min-height:45px;padding:9px 12px;display:flex}.group-item-checked{color:#294941;background:#edf9f5;border-color:#27917b;font-weight:650}.readonly-checkbox{color:#fff;border:1.5px solid #a5b7b2;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.group-item-checked .readonly-checkbox{background:#13715e;border-color:#13715e}@media (width<=600px){.app-shell{width:min(100% - 18px,860px);padding-top:30px}.brand-mark{border-radius:14px;flex-basis:50px;height:50px}.page-header{gap:12px}.page-header h1{font-size:1.8rem}.page-header>div>p:last-child{font-size:.82rem}.video-stage{min-height:400px}.scan-overlay{width:min(75%,310px)}@keyframes scan{0%{transform:translateY(-90px)}to{transform:translateY(90px)}}.receive-panel{padding:20px}.details-grid,.readonly-groups>div{grid-template-columns:1fr;gap:0}.scanner-actions{flex-direction:column}}