.ocr-scanner{position:relative}.ocr-document{background:#0f172a80;position:relative;min-height:420px;overflow:hidden}.ocr-document:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.15;pointer-events:none;z-index:1;animation:holo-flicker 4s infinite alternate}@keyframes holo-flicker{0%{opacity:.1}5%{opacity:.2}10%{opacity:.1}50%{opacity:.15}to{opacity:.25}}.ocr-doc-header{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:16px;margin-bottom:16px}.ocr-doc-company{height:14px;width:55%;background:#ffffff14;border-radius:3px;margin-bottom:8px}.ocr-doc-subtitle{height:10px;width:35%;background:#ffffff0d;border-radius:2px}.ocr-doc-meta{display:flex;justify-content:space-between;margin-bottom:20px}.ocr-doc-meta-block{flex:0 0 45%}.ocr-doc-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff40;margin-bottom:4px;font-family:DM Sans,sans-serif}.ocr-doc-value{height:10px;width:80%;background:#ffffff0f;border-radius:2px}.ocr-doc-table-head{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(6,182,212,.1);margin-bottom:8px}.ocr-doc-th{height:8px;background:#06b6d41f;border-radius:2px}.ocr-doc-table-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.ocr-doc-td{height:8px;background:#ffffff0d;border-radius:2px}.ocr-doc-td:first-child{width:90%}.ocr-doc-td:nth-child(2),.ocr-doc-td:nth-child(3),.ocr-doc-td:nth-child(4){width:70%;justify-self:end}.ocr-doc-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:10px 12px;border:1px solid rgba(6,182,212,.15);border-radius:6px;background:#06b6d40a}.ocr-doc-total-label{height:10px;width:80px;background:#06b6d426;border-radius:2px}.ocr-doc-total-value{height:12px;width:110px;background:#06b6d433;border-radius:2px}.ocr-laser{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#06b6d4,#fff,#06b6d4,transparent);box-shadow:0 0 20px #06b6d4cc,0 0 40px #06b6d466,0 0 10px #fff;opacity:0;z-index:10;pointer-events:none;mix-blend-mode:screen}.ocr-laser:before{content:"";position:absolute;left:0;right:0;top:-40px;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(6,182,212,.15) 50%,rgba(6,182,212,.4) 100%);pointer-events:none}.ocr-laser.scanning{opacity:1;animation:laser-scan 3s cubic-bezier(.4,0,.2,1) forwards}@keyframes laser-scan{0%{top:5%}to{top:95%}}.ocr-marker{width:12px;height:12px;border-radius:50%;border:2px solid #06b6d4;position:absolute;opacity:0;transform:scale(.3);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);z-index:11;pointer-events:none}.ocr-marker:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(6,182,212,.3);animation:marker-ping 1.5s ease-out infinite;opacity:0}.ocr-marker.detected{opacity:1;transform:scale(1);box-shadow:0 0 12px #06b6d4cc,0 0 30px #06b6d44d;background:#06b6d433}.ocr-marker.detected:after{opacity:1}@keyframes marker-ping{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.ocr-marker-line{position:absolute;height:1px;background:repeating-linear-gradient(90deg,rgba(6,182,212,.3) 0px,rgba(6,182,212,.3) 4px,transparent 4px,transparent 8px);right:0;z-index:9;opacity:0;transition:opacity .5s ease;pointer-events:none}.ocr-marker-line.visible{opacity:1}.ocr-results{display:flex;flex-direction:column;justify-content:center;gap:0}.ocr-results-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.ocr-results-icon{width:32px;height:32px;border-radius:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);display:flex;align-items:center;justify-content:center;font-size:14px}.ocr-results-title{font-size:13px;font-weight:600;color:#ffffffb3;font-family:DM Sans,sans-serif;letter-spacing:.02em}.ocr-result-line{opacity:0;transform:translate(15px) skew(-10deg);filter:blur(4px);transition:opacity .5s ease,transform .5s cubic-bezier(.175,.885,.32,1.275),filter .5s ease;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.ocr-result-line:last-of-type{border-bottom:none}.ocr-result-line.visible{opacity:1;transform:translate(0) skew(0);filter:blur(0)}.ocr-result-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#06b6d499;font-family:DM Sans,sans-serif;margin-bottom:2px}.ocr-result-value{font-size:15px;font-weight:600;color:#ffffffe6;font-family:DM Sans,sans-serif;min-height:22px}.ocr-result-value .ocr-cursor{display:inline-block;width:2px;height:15px;background:#06b6d4;margin-left:1px;vertical-align:text-bottom;animation:cursor-blink .6s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.ocr-confidence-bar{height:6px;background:#06b6d41f;border-radius:3px;overflow:hidden;margin-top:6px}.ocr-confidence-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#8b5cf6);border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.ocr-status{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.ocr-status-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .4s ease,box-shadow .4s ease}.ocr-status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.ocr-status-text{font-size:11px;color:#ffffff59;font-family:DM Sans,sans-serif;transition:color .4s ease}.ocr-status-text.active{color:#10b981cc}.ocr-cta{margin-top:20px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.ocr-cta.visible{opacity:1;transform:translateY(0)}.ocr-rescan-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;color:#06b6d4;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.ocr-rescan-btn:hover{background:#06b6d426;border-color:#06b6d466;box-shadow:0 0 20px #06b6d426;transform:translateY(-1px)}.ocr-rescan-btn svg{width:14px;height:14px;transition:transform .3s ease}.ocr-rescan-btn:hover svg{transform:rotate(180deg)}.ocr-start-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;background:linear-gradient(135deg,#06b6d433,#8b5cf633);border:1px solid rgba(6,182,212,.3);border-radius:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em}.ocr-start-btn:hover{background:linear-gradient(135deg,#06b6d44d,#8b5cf64d);border-color:#06b6d480;box-shadow:0 0 30px #06b6d433,0 0 60px #8b5cf61a;transform:translate(-50%,-50%) scale(1.03)}.ocr-start-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:all .4s ease}.ocr-start-btn svg{width:18px;height:18px}@media(max-width:1023px){.ocr-document{min-height:300px}.ocr-results{border-left:none!important;border-top:1px solid rgba(255,255,255,.05)}}