:root{color:#172b43;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f5f8;font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;display:block}button,input{font-family:inherit}*{box-sizing:border-box}body{color:#172b43;background:#f2f5f8;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}.app{min-height:100vh}.header{color:#fff;background:#102b46;justify-content:space-between;align-items:center;height:82px;padding:0 7%;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{color:#102b46;background:#12b9b0;border-radius:12px;place-items:center;width:43px;height:43px;font-size:26px;font-weight:700;display:grid}.brand h1{margin:0;font-size:22px}.brand h1 span{color:#12c8bd}.brand p{letter-spacing:2px;color:#a8bacb;margin:4px 0 0;font-size:9px}.status{letter-spacing:1px;color:#d8e8ef;font-size:11px}.status-dot{background:#23d69b;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.main-content{max-width:650px;margin:55px auto;padding:0 20px}.intro{margin-bottom:30px}.eyebrow{color:#079e9b;letter-spacing:2px;font-size:11px;font-weight:700}.intro h2{color:#102b46;margin:12px 0;font-size:32px}.intro>p:last-child{color:#75869a;font-size:14px;line-height:1.6}.panel{background:#fff;border-radius:15px;padding:28px;box-shadow:0 8px 35px #142b4112}.panel label{letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.panel input{border:1px solid #dce4eb;border-radius:8px;outline:none;width:100%;padding:16px;font-size:16px}.panel input:focus{border-color:#12b9b0}.scan-area{text-align:center;background:#f5f9fb;border:2px dashed #cbd9e3;border-radius:12px;margin:25px 0;padding:30px 15px}.scan-icon{color:#12a9a6;font-size:38px}.scan-area h3{margin:12px 0 8px}.scan-area p,.scan-area small{color:#8493a2;font-size:12px}.scan-button{color:#fff;background:#102b46;border:none;border-radius:8px;margin:20px auto 12px;padding:14px 25px;font-weight:700;display:block}.scan-button:disabled{opacity:.65;cursor:not-allowed}.pages-info{justify-content:space-between;align-items:center;display:flex}.pages-info strong{font-size:14px}.pages-info p{color:#8996a3;font-size:11px}.page-count{color:#078d89;background:#e8f6f5;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:700}.empty-document{text-align:center;color:#9ba9b5;border:1px solid #e6ebef;border-radius:9px;margin-top:15px;padding:25px}.empty-document span{font-size:30px}.empty-document p{font-size:12px}.send-button{color:#fff;cursor:pointer;background:#0aa99e;border:none;border-radius:8px;width:100%;margin-top:24px;padding:17px;font-weight:700}.send-button:disabled{cursor:not-allowed;background:#aabfc0}.send-button span{float:right}.recipient{border-top:1px solid #edf0f2;justify-content:space-between;gap:10px;margin-top:23px;padding-top:18px;font-size:11px;display:flex}.recipient span{color:#8996a3}.recipient strong{color:#087f79}footer{text-align:center;color:#98a5b1;letter-spacing:1px;padding:25px;font-size:10px}@media (width<=500px){.header{padding:0 18px}.main-content{margin:30px auto}.intro h2{font-size:26px}.panel{padding:20px}}.scanner{color:#fff;background:#102b46;border-radius:12px;width:100%;margin:20px 0;padding:16px}.scanner-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;font-size:12px;display:flex}.camera-status{color:#f5c46b;font-size:10px}.camera-status.active{color:#35dfaa}.camera-view{aspect-ratio:3/4;background:#263f57;border-radius:8px;width:100%;position:relative;overflow:hidden}.camera-view video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.document-frame{pointer-events:none;border:2px solid #27d2c3;border-radius:5px;justify-content:center;align-items:center;width:80%;height:84%;display:flex;position:absolute;top:8%;left:10%}.document-frame span{background:#102b46b3;border-radius:5px;padding:6px 10px;font-size:10px}.scanner-hint{color:#c5d4df;text-align:center;margin:15px 0;font-size:12px}.capture-button,.finish-button{cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:10px;padding:16px;font-weight:700}.capture-button{color:#fff;background:#0aa99e}.capture-button:disabled{opacity:.5}.finish-button{color:#102b46;background:#fff}.scanner-error{color:#ffb6b6;text-align:center;font-size:13px}