@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@500;700;800&display=swap";:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#eef3fb;--text:#1e293b;--muted:#475569;--inbound:#16a34a;--inbound-strong:#0e7f38;--outbound:#2563eb;--outbound-strong:#1b4bb3;--alert:#ef4444;--status:#10b981;--status-pending:#64748b;--shadow:0 18px 42px #142c541a;--radius-card:1.25rem;--radius-btn:1.4rem;--touch-h:60px;--font-body:"Manrope", "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.3}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% 0%, #2563eb24, transparent 42%), radial-gradient(circle at 5% 100%, #16a34a21, transparent 35%), var(--bg)}.app-shell{flex-direction:column;max-width:540px;min-height:100svh;margin:0 auto;padding-bottom:84px;display:flex}.top-header{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcd6;grid-template-columns:56px 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid;position:sticky;top:0}.top-header h1{font-size:1.52rem;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}.icon-btn{background:var(--surface);min-width:56px;min-height:56px;color:var(--text);box-shadow:var(--shadow);border:none;border-radius:1rem;font-size:1.4rem}.icon-btn.ghost{opacity:0;pointer-events:none}.status-pill{color:#0e7f38;background:#dff9ec;border-radius:999px;align-items:center;gap:.5rem;min-height:44px;padding:0 .9rem;font-weight:700;display:inline-flex}.dot{background:var(--status);border-radius:50%;width:.6rem;height:.6rem}.dot.offline{background:var(--alert)}.screen-content{flex:1;gap:.75rem;padding:.75rem .9rem 1rem;display:grid}.filter-row{background:#ffffff8c;border-radius:999px;gap:.5rem;width:fit-content;padding:.3rem;display:inline-flex}.filter-pill{color:#4b5563;background:0 0;border:none;border-radius:999px;min-height:38px;padding:0 .85rem;font-size:.83rem;font-weight:800}.filter-pill.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1b4bb3);box-shadow:0 8px 18px #2563eb40}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.kpi-card{background:var(--surface);box-shadow:var(--shadow);border-radius:1rem;gap:.3rem;padding:.9rem;display:grid}.kpi-card.hero{color:#fff;background:linear-gradient(135deg,#1f59db,#3090ff)}.kpi-label{opacity:.9;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.8rem;font-weight:700}.kpi-value{font-size:2rem;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1}.kpi-value.small{font-size:1.7rem}.kpi-value.tiny{font-size:1.15rem;line-height:1.2}.kpi-meta{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.kpi-card.hero .kpi-meta,.kpi-card.hero .kpi-label{color:#ffffffe6}.dashboard-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:.85rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.panel-head h2{font-size:1.02rem;font-family:var(--font-display);margin:0;font-weight:700}.panel-head span{color:var(--muted);background:var(--surface-soft);border-radius:999px;align-items:center;min-height:28px;padding:0 .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.trend-bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.65rem;min-height:180px;display:grid}.chart-wrap{width:100%;min-height:220px}.chart-wrap.compact{min-height:190px}.bar-col{justify-items:center;gap:.35rem;display:grid}.bar-fill{background:linear-gradient(#ff9a2f,#f45a1e);border-radius:.6rem;width:100%;min-height:14px;box-shadow:inset 0 -2px #00000014}.bar-col p{color:var(--muted);margin:0;font-size:.74rem;font-weight:700}.table-list{gap:.45rem;display:grid}.table-row{background:var(--surface-soft);border-radius:.8rem;grid-template-columns:1fr auto;align-items:center;min-height:52px;padding:0 .75rem;display:grid}.table-row p,.table-row strong{margin:0}.table-row p{font-size:.9rem;font-weight:700}.table-row strong{font-size:1rem}.table-header{border-bottom:2px solid #e2e8f0;grid-template-columns:1.3fr repeat(3,auto);column-gap:.85rem;margin-bottom:.25rem;padding:0 .75rem .5rem;display:grid}.table-header p{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0;font-size:.75rem;font-weight:800}.table-row.movement{grid-template-columns:1.3fr repeat(3,auto);column-gap:.85rem}.table-row.movement .inbound-qty{color:#0f7d37}.table-row.movement .outbound-qty{color:#1d4ed8}.table-row .delta.up{color:#0f7d37}.table-row .delta.down{color:#b42318}.alerts-card,.ops-widget{gap:.55rem;display:grid}.ops-metric{background:var(--surface-soft);border-radius:.85rem;gap:.2rem;min-height:72px;padding:.55rem .7rem;display:grid}.ops-metric p{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0;font-size:.76rem;font-weight:800}.ops-metric strong{font-size:1.15rem;font-family:var(--font-display);color:#0f172a;margin:0;font-weight:700}.ops-metric small{color:#64748b;margin:0;font-size:.76rem;font-weight:700}.ops-metric.wide strong{font-size:.96rem}.empty-copy{min-height:56px;color:var(--muted);background:var(--surface-soft);border-radius:.8rem;align-items:center;margin:0;padding:.65rem .75rem;font-size:.92rem;font-weight:700;display:grid}.alert-list{gap:.55rem;display:grid}.alert-row{background:var(--surface-soft);border-radius:.8rem;grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:.6rem;min-height:58px;padding:.55rem .65rem;display:grid}.alert-row p{margin:0;font-size:.88rem;font-weight:700}.alert-row small{color:#64748b;font-size:.78rem;font-weight:700}.alert-meter{background:#d9e3f3;border-radius:999px;height:10px;overflow:hidden}.alert-meter span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ef4444);height:100%;display:block}.nav-brand,.nav-health,.nav-separator,.step-indicator{display:none}.step-indicator{justify-content:center;align-items:center;gap:.5rem;padding:.75rem .9rem;display:flex}.dispatch-hero{background:linear-gradient(145deg,#f1f6ff,#fff);border:1px solid #dbe7fb;border-radius:1rem;gap:.28rem;padding:.8rem .85rem;display:grid}.dispatch-hero.compact{margin-bottom:.15rem}.step-kicker{text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;margin:0;font-size:.72rem;font-weight:800}.step-title{font-family:var(--font-display);letter-spacing:-.01em;color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.step-copy{color:#475569;margin:0;font-size:.86rem;font-weight:700}.selected-pill{color:#1d4ed8;background:#dbe8ff;border-radius:999px;align-items:center;width:fit-content;min-height:30px;margin:.2rem 0 0;padding:0 .7rem;font-size:.76rem;font-weight:800;display:inline-flex}.step-dot{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;font-size:.8rem;font-weight:800;display:grid}.step-dot.active{background:var(--outbound);color:#fff;box-shadow:0 4px 16px #2563eb40}.step-dot.done{background:var(--inbound);color:#fff}.step-line{background:#e2e8f0;flex:1;max-width:40px;height:2px}.step-line.done{background:var(--inbound)}.nav-brand-top,.nav-brand-sub{margin:0}.bottom-stack{background:linear-gradient(#0000,#f8fafc99,#f8fafcfa);gap:.75rem;padding:.5rem .9rem .9rem;display:grid;position:sticky;bottom:74px}.bottom-stack.single{grid-template-columns:1fr}.massive-btn{min-height:var(--touch-h);border-radius:var(--radius-btn);color:#fff;letter-spacing:.01em;text-transform:uppercase;width:100%;box-shadow:var(--shadow);transform-origin:50%;border:none;font-size:1.05rem;font-weight:800;transition:transform .14s}.massive-btn:active{transform:scale(.98)}.massive-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.massive-btn.inbound{background:linear-gradient(135deg, var(--inbound), var(--inbound-strong))}.massive-btn.outbound{background:linear-gradient(135deg, var(--outbound), var(--outbound-strong))}.search-wrap{gap:.45rem;font-weight:700;display:grid}.thick-search,.field-block input{min-height:var(--touch-h);background:var(--surface);box-shadow:var(--shadow);color:var(--text);border:none;border-radius:1rem;padding:0 1rem;font-size:1.05rem}.list-cards{gap:.75rem;display:grid}.customer-card{text-align:left;min-height:74px;color:var(--text);background:var(--surface);box-shadow:var(--shadow);border:none;border-radius:1rem;align-content:center;gap:.2rem;padding:.65rem 1rem;display:grid}.customer-card.selected{color:#113780;background:#deebff}.customer-name{font-size:1.02rem;font-weight:800}.customer-hint{color:#64748b;font-size:.8rem;font-weight:700}.product-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.product-chip{min-height:var(--touch-h);color:var(--text);background:var(--surface);box-shadow:var(--shadow);text-align:center;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:0 1rem;font-size:1rem;font-weight:700;transition:all .14s;display:flex}.product-chip.active{outline:3px solid var(--outbound);outline-offset:-3px;background:#deebff;transform:scale(1.02)}.quantity-display{text-align:center;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:1rem}.quantity-display p{color:var(--muted);margin:0;font-weight:700}.quantity-display h2{letter-spacing:-.03em;margin:.3rem 0 0;font-size:clamp(4rem,18vw,6.2rem);line-height:1}.quantity-value{font-family:var(--font-display);background:linear-gradient(135deg,#1f59db,#3090ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.quantity-display small{color:var(--muted);margin-top:.5rem;font-size:.84rem;font-weight:700;display:block}.qty-quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.qty-quick-btn{color:#1d4ed8;background:#dbe8ff;border:none;border-radius:.7rem;min-height:40px;font-size:.85rem;font-weight:800}.atm-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.key{color:#10367d;min-height:82px;box-shadow:var(--shadow);background:#e8efff;border:none;border-radius:1.1rem;font-size:2rem;font-weight:800}.receipt-card,.activity-tile,.warning-box{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow)}.receipt-card{gap:.75rem;padding:1.1rem;display:grid}.receipt-header{border-bottom:1px solid #e2e8f0;margin-bottom:.3rem;padding-bottom:.6rem}.receipt-header h2{font-family:var(--font-display);color:#0f172a;margin:0;font-size:1.12rem;font-weight:700}.receipt-items{gap:.5rem;display:grid}.receipt-item{background:var(--surface-soft);border-radius:.8rem;gap:.15rem;padding:.55rem .75rem;display:grid}.receipt-item.accent{border-left:3px solid var(--outbound);background:linear-gradient(135deg,#f0f7ff,#e8f3ff);padding-left:.7rem}.receipt-item.balance{border-left:3px solid var(--inbound);background:linear-gradient(135deg,#edfff4,#e2f8ed);padding-left:.7rem}.receipt-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.74rem;font-weight:800}.receipt-item strong{color:#0f172a;font-size:.96rem;font-weight:700}.receipt-card p{margin:0;font-size:1.08rem}.field-block{gap:.45rem;font-weight:700;display:grid}.field-block.compact{margin-top:.3rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.product-grid-btn{min-height:var(--touch-h);background:var(--surface);box-shadow:var(--shadow);border:none;border-radius:1rem;font-size:1rem;font-weight:700}.product-grid-btn.active{color:#0d7e37;background:#dff9ec}.warning-box{background:#ffe8e8;padding:1rem}.warning-box h3{margin:0 0 .5rem;font-size:1.1rem}.activity-list{gap:.75rem;display:grid}.ledger-card{gap:.6rem;display:grid}.ledger-list{gap:.55rem;display:grid}.ledger-item{background:var(--surface-soft);border-radius:.85rem;gap:.35rem;padding:.65rem .7rem;display:grid}.ledger-top{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.ledger-type,.ledger-qty,.ledger-main,.ledger-sub{margin:0}.ledger-type{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.ledger-type.dispatch{color:#1d4ed8;background:#deebff}.ledger-type.inbound{color:#0f7d37;background:#dff9ec}.ledger-qty{color:#0f172a;justify-self:end;font-size:.86rem;font-weight:800}.ledger-main{color:#0f172a;font-size:.9rem;font-weight:800}.ledger-sub{color:#64748b;font-size:.78rem;font-weight:700}.sync-bar{background:var(--surface);box-shadow:var(--shadow);border-radius:1rem;grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:.8rem;display:grid}.sync-bar p{margin:0;font-size:.95rem;font-weight:700}.sync-now{color:#fff;background:linear-gradient(120deg, var(--outbound), var(--outbound-strong));border:none;border-radius:.85rem;min-height:46px;padding:0 .9rem;font-weight:800}.sync-now:disabled{opacity:.4}.conflict-box{box-shadow:var(--shadow);background:#fff1f1;border-radius:1rem;gap:.4rem;padding:.9rem;display:grid}.conflict-box h3{color:#8e1f1f;margin:0;font-size:1rem}.conflict-box p{color:#7a2630;margin:0;font-size:.9rem;font-weight:700}.activity-tile{grid-template-columns:54px 1fr auto;align-items:center;gap:.75rem;min-height:96px;padding:.85rem;display:grid}.activity-icon{border-radius:.85rem;place-items:center;min-width:54px;min-height:54px;font-size:1.5rem;font-weight:900;display:grid}.activity-icon.dispatch{color:var(--outbound);background:#deebff}.activity-icon.inbound{color:var(--inbound);background:#dff9ec}.activity-title{margin:0;font-size:1rem;font-weight:800}.activity-meta{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.sync-status{border-radius:999px;place-items:center;min-width:78px;min-height:34px;margin:0;font-size:.8rem;font-weight:800;display:grid}.sync-status.ok{color:#0f7d37;background:#dff9ec}.sync-status.pending{color:#344054;background:#e4e8ef}.quick-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;grid-template-columns:repeat(4,1fr);gap:.4rem;width:min(540px,100%);padding:.55rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.quick-nav button{background:var(--surface-soft);min-height:58px;color:var(--muted);text-align:center;border:none;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.4rem;font-size:.75rem;font-weight:700;line-height:1.1;display:flex}.nav-group-title{text-transform:uppercase;letter-spacing:.06em;color:#738399;text-align:left;margin:.2rem 0 .1rem;padding:0 .3rem;font-size:.72rem;font-weight:800;display:none}.nav-icon{color:#1b4bb3;background:#2563eb1f;border-radius:.4rem;place-items:center;min-width:28px;min-height:28px;display:grid}.nav-label{font-weight:800}.quick-nav button.active{color:#fff;background:var(--text)}.quick-nav button.active .nav-icon{color:#fff;background:#ffffff29}.status-toast{letter-spacing:.01em;z-index:30;border-radius:.95rem;align-items:center;width:min(520px,100% - 1.2rem);min-height:58px;padding:.65rem .9rem;font-size:.95rem;font-weight:800;animation:.18s ease-out toast-in;display:grid;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #111c2d38}.status-toast.info{color:#113780;background:#dbe8ff}.status-toast.success{color:#0f7d37;background:#dff9ec}.status-toast.warn{color:#8e1f1f;background:#ffe8e8}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width>=540px){.step-indicator{padding:.65rem 1.2rem}}@media (width<=380px){.top-header{grid-template-columns:50px 1fr auto;padding:.7rem}.top-header h1{font-size:1.15rem}.icon-btn{min-width:50px;min-height:50px;font-size:1rem}.screen-content{padding:.7rem}.kpi-grid{grid-template-columns:1fr}.kpi-card.hero{grid-column:span 1}.activity-tile{grid-template-columns:1fr;align-items:start}.sync-status{justify-self:start}.quick-nav{grid-template-columns:repeat(4,1fr);gap:.3rem;padding:.4rem}.quick-nav button{gap:.2rem;min-height:54px;font-size:.68rem}.nav-label,.nav-group-title{display:none}.status-toast{bottom:144px}}@media (width>=700px){.top-header,.screen-content,.bottom-stack{padding-left:1.2rem;padding-right:1.2rem}}@media (width>=980px){.app-shell{width:min(1420px,100%);max-width:none;padding:.35rem .9rem .9rem 14.5rem}.top-header{background:#ffffffe6;border-radius:.95rem;min-height:84px;margin-bottom:.3rem;position:sticky;top:.35rem;box-shadow:0 12px 28px #111c2d14}.home-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"filters filters filters filters filters filters filters filters filters filters filters filters""kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis""trend trend trend trend trend line line line ops ops ops ops""alerts alerts alerts alerts alerts alerts table table table table table table";align-items:start}.home-grid .filter-row{grid-area:filters}.home-grid .kpi-grid{grid-area:kpis;grid-template-columns:repeat(4,minmax(0,1fr))}.home-grid .trend-card{grid-area:trend}.home-grid .line-card{grid-area:line}.home-grid .ops-card{grid-area:ops}.home-grid .alerts-card{grid-area:alerts}.home-grid .table-card{grid-area:table}.quantity-layout{grid-template-columns:1fr 1fr;grid-template-areas:"products display""keypad keypad";gap:1.2rem}.quantity-layout .product-row{grid-area:products;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start}.quantity-layout .quantity-display{grid-area:display}.quantity-layout .atm-keypad{grid-area:keypad;grid-template-columns:repeat(4,minmax(0,1fr))}.sync-bar{padding:1rem 1.1rem}.activity-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bottom-stack{background:0 0;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto;padding:.65rem 0 0;position:static}.quick-nav{width:224px;box-shadow:none;background:linear-gradient(#edf2fb,#e4edf9);border-right:1px solid #d6e0ef;border-radius:0;grid-template-columns:1fr;grid-auto-rows:minmax(66px,auto);align-content:start;gap:.55rem;padding:1.15rem .95rem;display:grid;position:fixed;top:0;bottom:0;left:0;transform:none}.quick-nav:before{content:"";background:linear-gradient(#1d4ed8 0%,#14b8a6 52%,#22c55e 100%);width:4px;position:absolute;top:0;bottom:0;left:0}.nav-brand{gap:.08rem;margin-bottom:.4rem;padding:0 .2rem;display:grid}.nav-brand-top{font-size:1rem;font-family:var(--font-display);letter-spacing:-.01em;color:#0f172a;font-weight:700}.nav-brand-sub{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.quick-nav button{text-align:left;letter-spacing:.01em;text-transform:none;border-radius:.95rem;justify-content:flex-start;min-height:66px;padding:.55rem .75rem;font-size:.9rem;font-weight:800}.nav-group-title{display:block}.nav-separator{background:linear-gradient(90deg,#1e3a8a33,#1e3a8a08);width:100%;height:1px;margin:.05rem 0 .2rem;display:block}.nav-health{color:#1d4ed8;background:#2563eb17;border-radius:.75rem;align-items:center;gap:.45rem;min-height:40px;margin-top:auto;padding:0 .55rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-toast{width:min(620px,100% - 17rem);bottom:1rem;left:calc(50% + 40px)}}@media (width>=1320px){.home-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"filters filters filters filters filters filters filters filters filters filters filters filters""kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis kpis""trend trend trend trend line line line line ops ops ops ops""alerts alerts alerts alerts alerts alerts table table table table table table"}.quantity-layout{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"products display display""keypad keypad keypad"}.activity-list{grid-template-columns:repeat(3,minmax(0,1fr))}}