html{background:#061613}body{-webkit-tap-highlight-color:transparent}:root{color:#eaf8f4;font-synthesis:none;background:#061613;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#157b6838,#0000 30rem),linear-gradient(#061613,#091d19 52%,#061310);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{width:min(760px,100%);margin:0 auto;padding:18px 16px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{letter-spacing:-.04em;font-size:1.55rem;font-weight:850}.brand span{color:#72f4c9}.tagline{color:#7fa69a;margin-top:2px;font-size:.77rem}.sync-pill{cursor:pointer;background:#0e2a24;border:1px solid #24463d;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:.75rem;display:flex}.sync-pill .dot{background:#74efbd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #74efbdcc}.sync-pill.offline .dot{box-shadow:none;background:#f7b267}.hero-card{background:linear-gradient(135deg,#123d33,#0b2923);border:1px solid #87ffdb1f;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px;display:flex;box-shadow:0 20px 60px #00000038}.hero-card h1{letter-spacing:-.045em;margin:4px 0 6px;font-size:clamp(1.45rem,5vw,2.05rem);line-height:1.06}.hero-card p{color:#9cc3b7;margin:0}.eyebrow{letter-spacing:.14em;margin:0;font-size:.68rem;font-weight:800;color:#6adbb8!important}.hero-stat{text-align:right;min-width:90px}.hero-stat strong{font-size:2rem;display:block}.hero-stat span{color:#85a99e;font-size:.7rem}.capture-panel,.queue-panel{background:#071f1ae0;border:1px solid #193d34;border-radius:24px;margin-top:16px;padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:1.16rem}.section-heading>span{color:#94bcb0;font-size:.75rem}.local-badge{background:#123a30;border:1px solid #235c4d;border-radius:10px;padding:7px 9px;color:#86e5c5!important}.capture-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.capture-type{text-align:left;cursor:pointer;background:#0b2822;border:1px solid #1a473b;border-radius:15px;align-items:center;gap:11px;min-height:70px;padding:12px;transition:all .15s;display:flex}.capture-type:last-child{grid-column:1/-1}.capture-type.selected{background:#123f34;border-color:#56cba8;box-shadow:inset 0 0 0 1px #56cba833}.capture-icon{color:#76e8c2;background:#14372f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.capture-type strong,.capture-type small{display:block}.capture-type strong{font-size:.86rem}.capture-type small{color:#759d92;margin-top:2px;font-size:.68rem}textarea{resize:vertical;color:#edf9f5;background:#071d19;border:1px solid #1a473b;border-radius:14px;outline:none;width:100%;margin-top:12px;padding:13px}textarea:focus{border-color:#55c9a7}.primary-action,.secondary-action{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:51px;margin-top:12px;font-weight:800;display:flex}.primary-action{color:#062019;background:#72efc6;box-shadow:0 10px 28px #49deaf2e}.primary-action input{display:none}.primary-action.disabled,.primary-action:disabled{opacity:.55;cursor:not-allowed}.secondary-action{color:#9ff0d5;background:#123b31;border:1px solid #25594b}.compression-result{background:#071c18;border:1px solid #173d34;border-radius:14px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;margin-top:12px;padding:12px;display:grid}.compression-result span,.compression-result strong{display:block}.compression-result span{color:#6e968b;font-size:.65rem}.compression-result strong{margin-top:2px;font-size:.83rem}.arrow{color:#5acba8}.saving{color:#72efc6;font-size:.72rem;font-weight:800}.preview-card{background:#071c18;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:10px;display:flex}.preview-card img{object-fit:cover;border-radius:10px;width:68px;height:68px}.preview-card strong,.preview-card span{display:block}.preview-card span{color:#789f94;margin-top:3px;font-size:.7rem}.sync-message{color:#94dac3;background:#0b2922;border-radius:12px;margin-bottom:10px;padding:10px 12px;font-size:.76rem}.empty-state{text-align:center;color:#84aa9f;padding:24px 12px}.empty-state>span{color:#6fefc4;background:#11392f;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 9px;font-size:1.2rem;display:grid}.empty-state strong{color:#d9eee8;display:block}.empty-state p{max-width:370px;margin:5px auto 0;font-size:.76rem;line-height:1.45}.queue-list{flex-direction:column;gap:9px;display:flex}.queue-item{background:#081f1a;border:1px solid #17392f;border-radius:14px;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:9px;display:grid}.queue-thumb{color:#67d8b4;background:#12352d;border-radius:10px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.queue-thumb img{object-fit:cover;width:100%;height:100%}.queue-copy strong,.queue-copy span{display:block}.queue-copy strong{font-size:.8rem}.queue-copy span{color:#6f968a;margin-top:2px;font-size:.66rem}.queue-copy p{color:#aac7be;margin:5px 0 0;font-size:.72rem}.queue-status{color:#e8dc82;background:#2d3320;border-radius:999px;padding:6px 8px;font-size:.65rem;font-weight:800}.queue-status.failed{color:#f0a897;background:#3a211d}.queue-status.uploading{color:#8fc7e8;background:#163448}footer{color:#5f867b;justify-content:space-between;gap:12px;padding:20px 4px 0;font-size:.67rem;display:flex}footer strong{color:#85a99f}@media (width<=560px){.app-shell{padding:14px 12px 32px;overflow-x:hidden}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar>div:first-child{width:100%;min-width:0}.tagline{max-width:100%;line-height:1.35}.sync-pill{white-space:nowrap;flex-shrink:0;align-self:flex-start;padding:8px 10px}.hero-card{flex-direction:column;align-items:flex-start;padding:20px}.hero-card>div{width:100%;min-width:0}.hero-action{align-self:flex-start}.hero-stat{display:none}.capture-panel,.queue-panel{border-radius:20px;padding:16px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.local-badge{max-width:100%}.capture-grid{grid-template-columns:1fr}.capture-type:last-child{grid-column:auto}.compression-result{grid-template-columns:1fr auto 1fr}.saving{text-align:center;grid-column:1/-1}footer{flex-direction:column}}.brand-button{cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.with-bottom-nav{padding-bottom:104px}.global-notice{color:#f4b7a8;background:#3a211d;border:1px solid #654036;border-radius:12px;margin:0 0 12px;padding:11px 13px;font-size:.78rem}.page-card{background:#071f1ae6;border:1px solid #193d34;border-radius:24px;margin-top:16px;padding:20px}.page-card.capture-panel{margin-top:0}.muted{font-size:.76rem;line-height:1.45;color:#789f94!important;margin:6px 0 0!important}.hero-action{align-self:center}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.metric-card{color:#eefaf6;text-align:left;cursor:pointer;background:#09241e;border:1px solid #193d34;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:118px;padding:16px;display:flex}.metric-card.accent{background:linear-gradient(135deg,#1b735e,#105141);border-color:#47bd99}.metric-card strong{font-size:1.55rem;line-height:1}.metric-card.accent strong{margin-top:7px;font-size:1rem}.metric-card span{margin-top:6px;font-size:.82rem;font-weight:800}.metric-card small{color:#78a095;margin-top:5px;font-size:.67rem;line-height:1.3}.metric-card.accent small{color:#c6efe3}.metric-icon{background:#ffffff1f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;margin:0!important;font-size:1.45rem!important}.home-info h2{margin:5px 0 14px;font-size:1.12rem}.feature-row{border-top:1px solid #14382f;gap:12px;padding:12px 0;display:flex}.feature-row>span{color:#72efc6;background:#123b31;border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:.73rem;font-weight:900;display:grid}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-size:.82rem}.feature-row small{color:#779e93;margin-top:3px;font-size:.69rem}.field-label{color:#9abbb2;flex-direction:column;gap:6px;margin-top:12px;font-size:.7rem;font-weight:700;display:flex}.field-label input,.field-label select,select{color:#edf9f5;background:#071d19;border:1px solid #1b493d;border-radius:12px;outline:none;width:100%;min-height:43px;padding:9px 11px}.field-label input:focus,.field-label select:focus,select:focus{border-color:#55c9a7}.form-grid{background:#071c18;border:1px solid #153b31;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;padding:14px;display:grid}.form-grid .field-label{margin:0}.form-grid .full{grid-column:1/-1}.form-grid textarea{margin-top:0}.form-submit{align-self:end;margin:0}.queue-summary{background:#071c18;border:1px solid #173d34;border-radius:14px;grid-template-columns:1fr 1fr auto;align-items:center;gap:9px;margin-top:12px;padding:12px;display:grid}.queue-summary strong,.queue-summary span{display:block}.queue-summary strong{font-size:.92rem}.queue-summary span{color:#73998f;margin-top:2px;font-size:.64rem}.small-action{color:#9bf0d3;cursor:pointer;background:#123c32;border:1px solid #2a5b4d;border-radius:11px;min-height:36px;padding:8px 11px;font-size:.7rem;font-weight:800}.small-action:disabled{opacity:.5;cursor:not-allowed}.subheading{text-transform:uppercase;letter-spacing:.08em;color:#7db8a6;margin:18px 0 9px;font-size:.76rem}.record-list{flex-direction:column;gap:9px;display:flex}.record-card{background:#081f1a;border:1px solid #173d34;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px;display:flex}.record-card.reviewed{opacity:.72}.record-card.active-record{background:#0e332a;border-color:#55c9a7}.record-main{flex:1;min-width:0}.record-card strong{font-size:.83rem;display:block}.record-card small{color:#74998f;margin-top:4px;font-size:.67rem;line-height:1.35;display:block}.record-card p{color:#b4ccc5;margin:7px 0 0;font-size:.73rem;line-height:1.4}.record-meta{color:#64887f;white-space:nowrap;font-size:.62rem}.record-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-chip{color:#9fc7bb;text-transform:capitalize;letter-spacing:.02em;background:#19342e;border-radius:999px;align-items:center;width:max-content;padding:4px 7px;font-size:.58rem;font-weight:900;display:inline-flex}.status-chip.warning{color:#f1d27d;background:#44361a}.status-chip.good{color:#76e7c1;background:#123f33}.inline-fields{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.inline-fields select{min-height:37px;padding:6px 9px;font-size:.7rem}.empty-state.compact{border:1px dashed #245044;border-radius:14px;padding:20px 10px}.segmented{background:#061a16;border:1px solid #173a31;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.segmented button{color:#769b91;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:39px;font-size:.72rem;font-weight:800}.segmented button.active{color:#a2efd6;background:#123c32}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#051915f5;border:1px solid #21483e;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(720px,100% - 24px);padding:7px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000006b}.nav-button{color:#6f978c;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;font-size:.61rem;font-weight:800;display:flex;position:relative}.nav-button.active{color:#8bedcc;background:#10392f}.nav-button.primary-nav{color:#071e18;background:#6de5be}.nav-button.primary-nav.active{background:#83f4ce}.nav-icon{font-size:1.15rem;line-height:1}.nav-button em{color:#23190c;background:#ffb459;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.54rem;font-style:normal;font-weight:900;display:grid;position:absolute;top:5px;right:13px}@media (width<=560px){.bottom-nav{width:auto;bottom:8px;left:8px;right:8px;transform:none}.nav-button{min-width:0;padding:4px 2px}.nav-button>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-grid{gap:8px}.metric-card{min-height:112px;padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.bottom-nav{box-sizing:border-box;width:min(380px,100vw - 16px);max-width:none;left:50%;right:auto;transform:translate(-50%)}}.media-record{align-items:center}.capture-thumb{color:#72e7c1;background:#0b2c25;border:1px solid #1c4a3e;border-radius:12px;flex:0 0 66px;place-items:center;width:66px;height:66px;padding:0;display:grid;overflow:hidden}.capture-thumb img{object-fit:cover;width:100%;height:100%;display:block}.server-thumb{appearance:none}.server-thumb.clickable{cursor:pointer}.server-thumb:disabled{cursor:default;opacity:.8}.record-actions{flex-direction:column;gap:7px;display:flex}.gallery-filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.gallery-filters .field-label{margin:0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gallery-tile{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#081f1a;border:1px solid #183f35;border-radius:15px;padding:0;overflow:hidden}.gallery-image-wrap{aspect-ratio:4/3;color:#72e7c1;background:#0d2f27;place-items:center;font-size:1.5rem;display:grid;overflow:hidden}.gallery-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.gallery-tile:hover .gallery-image-wrap img{transform:scale(1.025)}.gallery-copy{min-width:0;padding:10px}.gallery-copy strong,.gallery-copy small,.gallery-copy span{display:block}.gallery-copy strong{font-size:.76rem}.gallery-copy small{color:#7ba197;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.63rem;overflow:hidden}.gallery-copy span{color:#5f8379;margin-top:6px;font-size:.6rem}.media-modal{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010c0ae0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.media-modal-card{background:#071d19;border:1px solid #2a5c4e;border-radius:20px;flex-direction:column;width:min(900px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 100px #0009}.media-modal-header{border-bottom:1px solid #183c33;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.media-modal-header strong,.media-modal-header small{display:block}.media-modal-header small{color:#769b91;margin-top:3px;font-size:.68rem}.modal-close{color:#d8eee7;cursor:pointer;background:#0d3028;border:1px solid #285247;border-radius:12px;width:38px;height:38px;font-size:1.45rem}.full-capture-image{object-fit:contain;background:#03100d;width:100%;min-height:0;max-height:76vh;display:block}.modal-note{color:#bdd3cc;border-top:1px solid #183c33;margin:0;padding:12px 15px;font-size:.78rem}@media (width<=700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.media-record{grid-template-columns:58px minmax(0,1fr);align-items:start;display:grid}.media-record>.record-meta{grid-column:2}.capture-thumb{flex-basis:58px;width:58px;height:58px}.gallery-filters{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-modal{padding:8px}.media-modal-card{border-radius:16px;max-height:96vh}.full-capture-image{max-height:80vh}}.directory-tabs{background:#061a16;border:1px solid #173a31;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:5px;display:grid}.directory-tabs button{color:#789e94;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:0;padding:10px 6px;font-size:.67rem;font-weight:800}.directory-tabs button.active{color:#a4efd7;background:#123c32}.directory-tabs button span{background:#0c2b24;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 4px;font-size:.55rem;display:inline-grid}.ocr-record{align-items:flex-start}.ocr-snippet{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#c6ddd6!important;line-height:1.42!important}.ocr-waiting{font-style:italic;color:#6f948a!important}.ocr-error{color:#e7a394!important}.status-chip.processing{color:#9ccfea;background:#17394b}.status-chip.error{color:#f1aa99;background:#48241f}.inbox-actions{grid-template-columns:auto auto minmax(150px,1fr);align-items:center;gap:7px;margin-top:10px;display:grid}.inbox-actions select{min-height:36px;padding:6px 9px;font-size:.68rem}.review-action{color:#bdf5e2;background:#1b5848;border-color:#397c67}.ocr-review-modal{align-items:start;padding:12px;overflow:auto}.ocr-review-card{width:min(1120px,100%);max-height:none;margin:18px auto}.ocr-review-body{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);min-height:0;display:grid}.ocr-review-image{background:#03110e;border-right:1px solid #183c33;padding:14px}.ocr-review-image img{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:78vh;position:sticky;top:14px}.no-image{color:#65897f;border:1px dashed #245044;border-radius:12px;place-items:center;min-height:240px;display:grid}.ocr-review-form{padding:16px;overflow:auto}.review-status-line{color:#759c91;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:.69rem;display:flex}.ocr-textarea{min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.45}.review-section{border-top:1px solid #153a31;margin-top:16px;padding-top:14px}.review-section h3{color:#a6d8c8;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px;font-size:.76rem}.review-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.review-grid .field-label{margin-top:0}@media (width<=760px){.ocr-review-body{grid-template-columns:1fr}.ocr-review-image{border-bottom:1px solid #183c33;border-right:0}.ocr-review-image img{max-height:42vh;position:static}}@media (width<=560px){.directory-tabs,.inbox-actions{grid-template-columns:1fr 1fr}.inbox-actions select{grid-column:1/-1}.ocr-review-modal{padding:0}.ocr-review-card{border-radius:0;width:100%;min-height:100vh;margin:0}.ocr-review-form{padding:14px}.review-grid{grid-template-columns:1fr}}