@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";.app-shell{width:min(1400px,100% - 2rem);margin:1.1rem auto 2rem;display:flex;flex-direction:column;gap:1rem}.app-header{width:100%;border-radius:20px;padding:1rem 1.15rem;background:radial-gradient(circle at 10% 0%,rgba(74,136,245,.28),transparent 42%),linear-gradient(122deg,#0c1a34fa,#1d3a6af5);color:#f5f8ff;box-shadow:0 16px 34px #111f3a42;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-main{min-width:0}.eyebrow{margin:0;letter-spacing:.09em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;color:#9bc3ff;font-size:.69rem}.app-header h1{margin:.35rem 0;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.08}.subtitle{margin:0;color:#eef3ffed;font-size:.92rem;max-width:78ch}.upload-button{align-self:center;border:1px solid rgba(149,187,244,.58);border-radius:999px;background:#c3daf73d;color:#e6f1ff;font-weight:800;font-size:.8rem;letter-spacing:.02em;padding:.58rem 1.02rem;cursor:pointer;white-space:nowrap}.upload-button:hover{background:#91bfff61}.carousel-section,.panel{background:#ffffffc7;border:1px solid rgba(134,152,182,.3);border-radius:16px;box-shadow:0 8px 24px #2539591c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-section{padding:.9rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.72rem}.section-title-row span{color:#5a6b86;font-size:.78rem}.carousel-wrap{position:relative;padding:0 2.65rem}.invoice-carousel{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.58rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.invoice-card{position:relative;flex:0 0 238px;border-radius:14px;scroll-snap-align:start}.invoice-card .MuiCardActionArea-root{display:flex;flex-direction:column;align-items:stretch;gap:.34rem;min-height:128px}.invoice-card.uploaded{border:2px solid #1f73d8}.invoice-card.selected{border-color:#174e95}.new-badge{position:absolute;top:8px;right:8px;border:1px solid #357fdb;background:#eef6ff;color:#0e58b4;font-size:.65rem;font-weight:800;z-index:2}.carousel-arrow{width:36px;height:36px;border:1px solid rgba(124,144,172,.55);background:#f8fcfffa;box-shadow:0 6px 12px #1f355933}.invoice-id{margin:0;font-family:IBM Plex Mono,monospace;font-size:.84rem;color:#11386d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-row{margin:.38rem 0;font-size:.89rem;color:#243245;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-id.compact,.invoice-row.compact{font-size:.8rem}.invoice-bottom-row{display:flex;justify-content:space-between;gap:.4rem;color:#3f4f67;font-size:.78rem;margin-top:auto}.invoice-bottom-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:1rem;min-height:580px}.viewer-order-wrap,.fields-order-wrap,.viewer-panel,.fields-panel{min-width:0}.viewer-order-wrap{order:1}.fields-order-wrap{order:2}.panel{padding:.95rem;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem}.download-button{text-decoration:none;border-radius:999px;border:1px solid rgba(23,75,144,.3);padding:.42rem .85rem;font-size:.78rem;font-weight:700;color:#0f3f83;background:#c2d9f76b}.download-button:hover{background:#98c0f08a}.pdf-container{min-height:520px;width:100%;display:grid;place-items:start center;overflow:auto;border-radius:12px;background:linear-gradient(130deg,#ecf3fcf2,#e4eef8d1);border:1px solid rgba(123,145,173,.22);padding:.8rem}.page-stage{position:relative;width:min(100%,100%);max-width:100%}.page-stage .react-pdf__Page{border-radius:10px;overflow:hidden;box-shadow:0 14px 22px #24385633}.page-stage canvas{max-width:100%;border-radius:10px}.field-highlight{position:absolute;border-radius:8px;border:2px solid rgba(251,154,21,.95);background:#ffb24547;box-shadow:0 0 0 5px #ffb13433;pointer-events:none}.error-state,.empty-state{margin:.25rem 0;color:#4e5b6f;font-size:.92rem}.error-state{color:#84213d}.field-list{list-style:none;padding:.18rem 0 0;margin:0;display:flex;flex-direction:column;gap:.56rem;overflow:auto}.field-item{width:100%;border:1px solid rgba(142,159,185,.45);border-radius:12px;background:#f8fbfff2;display:grid;gap:.2rem;padding:.68rem .72rem;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.field-item:hover{border-color:#3e6fab;box-shadow:0 4px 12px #3755822e}.field-item.active{border-color:#f28d19;background:linear-gradient(160deg,#fff4e2f2,#fffbf2f5)}.field-label{font-size:.78rem;font-family:IBM Plex Mono,monospace;color:#4d607c}.field-value{font-size:1rem;color:#172233;font-weight:700;word-break:break-word}@media(max-width:980px){.app-header{align-items:flex-start;flex-direction:column}.upload-button{align-self:stretch;width:100%}.content-grid{grid-template-columns:1fr}.fields-order-wrap{order:1}.viewer-order-wrap{order:2}.pdf-container{min-height:420px}}@media(max-width:620px){.app-shell{width:calc(100% - 1rem);margin-top:.7rem}.panel,.carousel-section{padding:.75rem}.carousel-wrap{padding:0 2rem}.invoice-card{flex-basis:210px}}:root{font-family:Manrope,system-ui,sans-serif;color:#1b2430;background-color:#edf2f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(248,204,133,.35),transparent 30%),radial-gradient(circle at 85% 0%,rgba(87,145,226,.18),transparent 35%),linear-gradient(145deg,#eff4fa,#e5edf7 55%,#d8e6f3)}a{color:inherit}