@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--forest:#10281f;--forest2:#173c2d;--green:#2f7756;--mint:#d9f3df;--lime:#b8f06c;--paper:#f3f1e9;--card:#fff;--ink:#14231c;--muted:#6e7a73;--line:#dce2db;--red:#b64a3a;--amber:#d69c29;--blue:#3f7899;--shadow:0 18px 50px rgba(23,49,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,.button{border:0;cursor:pointer;text-decoration:none}.app-header{height:76px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:var(--forest);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--lime);color:var(--forest);display:grid;place-items:center;font:800 22px 'Manrope'}.brand span:last-child{display:grid;line-height:1}.brand strong{font:800 18px 'Manrope';letter-spacing:.05em}.brand small{font-size:12px;color:#a9c0b4;letter-spacing:.18em;text-transform:uppercase;margin-top:5px}.season,.header-actions{display:flex;align-items:center;gap:10px;color:#b9ccc2;font-size:13px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #b8f06c1c}.tabs{height:62px;padding:0 clamp(16px,4vw,58px);display:flex;gap:4px;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;overflow-x:auto}.tab{position:relative;padding:0 20px;background:transparent;color:var(--muted);font-weight:700;white-space:nowrap}.tab span{font-size:10px;margin-right:7px;color:#a9b1ac}.tab b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:6px;border-radius:10px;background:#e9ede9;font-size:11px}.tab.active{color:var(--forest)}.tab.active:after{content:"";height:3px;background:var(--green);position:absolute;bottom:0;left:16px;right:16px;border-radius:3px 3px 0 0}.tab.active b{background:var(--forest);color:#fff}main{max-width:1480px;margin:auto;padding:clamp(24px,4vw,56px)}.view{display:none}.view.active{display:block;animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(5px)}}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0;line-height:1.12}h1{font-size:clamp(36px,5vw,68px);letter-spacing:-.045em}h1 em{font-style:normal;color:var(--green)}h2{font-size:25px}p{margin:0}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--green);margin-bottom:11px}.muted{color:var(--muted)}.capture-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:8px 0 42px}.capture-heading>div:first-child>p:last-child{max-width:640px;color:var(--muted);font-size:17px;margin-top:18px}.today-counter{min-width:190px;padding:21px;border-left:1px solid #cbd3cb;display:grid}.today-counter small,.today-counter span{color:var(--muted)}.today-counter strong{font:800 40px 'Manrope';color:var(--forest)}.capture-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.camera-card,.drop-card{min-height:310px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;transition:.2s ease}.camera-card{background:var(--forest);color:#fff;cursor:pointer;box-shadow:var(--shadow)}.camera-card:hover{transform:translateY(-3px);background:var(--forest2)}.camera-card strong,.drop-card strong{font:700 25px 'Manrope'}.camera-card>span:not(.camera-lens){color:#b3c8bd}.camera-card>b{margin-top:19px;padding:11px 18px;border-radius:99px;background:var(--lime);color:var(--forest);font-size:11px;letter-spacing:.12em}.camera-lens{width:82px;height:82px;border:2px solid #b8f06c80;border-radius:50%;display:grid;place-items:center;margin-bottom:9px}.camera-lens:before{content:"";width:46px;height:34px;border-radius:8px;border:3px solid var(--lime)}.camera-lens i{position:absolute;width:16px;height:16px;border:3px solid var(--lime);border-radius:50%}.drop-card{border:2px dashed #b8c4ba;background:#fbfcf9}.drop-card.dragging{border-color:var(--green);background:var(--mint);transform:scale(1.01)}.drop-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--mint);color:var(--green);font-size:27px}.drop-card>span:nth-of-type(2){color:var(--muted)}.primary,.secondary,.ghost{border-radius:11px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--green);color:#fff}.primary:hover{background:#276748}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#edf1ec;color:var(--forest)}.ghost{background:transparent;color:inherit;border:1px solid #ffffff2b}.wide{width:100%}.intake-bar{margin:18px 0 28px;min-height:80px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;padding:13px 15px 13px 28px;box-shadow:0 8px 30px #17312608}.intake-bar>div{min-width:100px;display:grid}.intake-bar strong{font:800 24px 'Manrope'}.intake-bar span{font-size:12px;color:var(--muted)}.intake-bar>i{height:30px;width:1px;background:var(--line);margin:0 22px}.process-button{margin-left:auto;min-width:190px}.process-button b{display:grid;place-items:center;background:#ffffff24;border-radius:99px;min-width:25px;height:25px}.queue-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.queue-head,.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.queue-head{align-items:center}.progress-track{height:5px;background:#edf0ec;border-radius:5px;overflow:hidden;margin:20px 0}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .45s}.photo-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}.photo-item{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#f7f8f5}.photo-item .thumb{height:112px;background:#dfe5df center/cover no-repeat}.photo-item .scan{display:none;position:absolute;top:0;left:0;right:0;height:3px;background:var(--lime);box-shadow:0 0 16px var(--lime);animation:scan 1.4s ease-in-out infinite}@keyframes scan{0%{top:0}50%{top:109px}100%{top:0}}.photo-item.processing .scan{display:block}.photo-meta{padding:11px}.photo-meta strong,.photo-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-meta strong{font-size:12px}.photo-meta span{font-size:11px;color:var(--muted);margin-top:4px}.photo-status{position:absolute;top:8px;right:8px;border-radius:99px;padding:5px 8px;background:#fff;font-size:10px;font-weight:800}.photo-item.done .photo-status{background:var(--mint);color:var(--green)}.photo-item.error .photo-status{background:#f8deda;color:var(--red)}.quick-stats,.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:26px}.stat,.metric{padding:19px;background:#ffffffa8;border:1px solid var(--line);border-radius:15px}.stat strong,.metric strong{font:800 27px 'Manrope';display:block}.stat span,.metric span{color:var(--muted);font-size:12px}.section-title{margin-bottom:30px}.section-title>div>p:last-child{color:var(--muted);margin-top:12px;max-width:670px}.review-list,.action-list{display:grid;gap:12px}.empty{min-height:330px;border:1px dashed #bec9bf;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:var(--muted)}.empty>span{width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--green);font-size:25px;display:grid;place-items:center}.review-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.review-pair{display:flex}.ticket-mini{width:60px;height:72px;border-radius:10px;background:var(--forest);color:#fff;margin-right:-18px;border:3px solid #fff;display:grid;place-items:center;font-weight:800;font-size:10px}.ticket-mini:last-child{background:var(--green)}.review-fields{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.review-fields label{font-size:11px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cbd4cc;background:#fff;border-radius:10px;padding:11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f775616}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 11px}.search input{border:0;box-shadow:none;min-width:260px}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px 17px;border-bottom:1px solid #e8ece7;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:#fafbf8}td{font-size:13px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--mint);color:var(--green);font-size:10px;font-weight:800}.status-pill.unmatched{background:#fae8c6;color:#9b6415}.reconcile-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:18px}.action-card{display:grid;grid-template-columns:95px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;padding:15px}.action-card.critical{border-left-color:var(--red)}.action-card.warning{border-left-color:var(--amber)}.action-card>span{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted)}.action-card small{color:var(--muted)}.settlement-card,.ask-card,.panel-form{background:var(--forest);color:#fff;border-radius:20px;padding:24px;align-self:start}.settlement-card form,.panel-form{display:grid;gap:10px;margin-top:18px}.settlement-card input,.settlement-card textarea,.panel-form input,.panel-form select{background:#ffffff10;border-color:#ffffff2c;color:#fff}.settlement-card input::placeholder,.settlement-card textarea::placeholder{color:#9fb6aa}.ask-card{margin-top:20px}.ask-card form{display:grid;grid-template-columns:180px 1fr auto;gap:10px;margin-top:17px}.ask-card select,.ask-card input{background:#fff}.ask-card #answer{margin-top:15px;color:#d8e5dd}.ask-card pre{max-height:280px;overflow:auto;background:#0b1b15;padding:13px;border-radius:10px}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.connection-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px}.connection-card span,.provider span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.panel-form{margin:0}.provider{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff1a}.provider .secondary{padding:8px 11px}.table-title{padding:18px}.toast{position:fixed;right:24px;bottom:24px;background:var(--forest);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:none;opacity:1}.login-card{width:min(430px,calc(100vw - 32px));padding:32px;display:grid;gap:14px}.login-card h1{font-size:36px}.login-card label{font-weight:700}.login-card output{color:var(--red);min-height:20px}dialog{border:0;padding:0;border-radius:22px;box-shadow:0 30px 100px #07150fcc}dialog::backdrop{background:#0c2119e8;backdrop-filter:blur(5px)}
@media(max-width:900px){.capture-grid,.reconcile-layout,.data-grid{grid-template-columns:1fr}.capture-heading{align-items:start}.today-counter{display:none}.review-card{grid-template-columns:70px 1fr}.review-fields{grid-template-columns:1fr 1fr}.review-card>button{grid-column:2}.season{display:none}.ask-card form{grid-template-columns:1fr}.tabs{padding:0 8px}.tab{padding:0 13px}}
@media(max-width:620px){.app-header{height:65px;padding:0 15px}.header-actions #health{display:none}.tabs{position:fixed;bottom:0;top:auto;left:0;right:0;height:68px;z-index:20;justify-content:space-around;box-shadow:0 -6px 24px #0f28151a}.tab{font-size:10px;padding:0 8px;display:grid;place-items:center;align-content:center;gap:3px}.tab span{display:block;margin:0}.tab.active:after{top:0;bottom:auto}.tab b{position:absolute;right:1px;top:8px}main{padding:28px 15px 96px}.capture-heading{margin-bottom:25px}.capture-heading h1{font-size:43px}.capture-grid{gap:11px}.camera-card,.drop-card{min-height:235px}.intake-bar{padding:12px;flex-wrap:wrap}.intake-bar>div{min-width:75px}.intake-bar>i{margin:0 10px}.process-button{width:100%;margin:12px 0 0}.photo-queue{grid-template-columns:1fr 1fr}.section-title{align-items:start}.section-title>button{display:none}.review-card{grid-template-columns:1fr}.review-pair{display:none}.review-fields{grid-template-columns:1fr}.review-card>button{grid-column:auto}.search input{min-width:150px}.action-card{grid-template-columns:1fr}.quick-stats{grid-template-columns:1fr 1fr}}