@font-face{font-family:Figtree;src:url('/fuentes/figtree.woff2')}@font-face{font-family:Fraunces;src:url('/fuentes/fraunces.woff2')}*{box-sizing:border-box}body{margin:0;background:#f6f4ed;color:#25352d;font-family:Figtree,system-ui,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dda557;outline-offset:3px}button,.btn{border:1px solid #d7dcd1;background:#fffef9;color:#25352d;border-radius:12px;padding:11px 17px;font-weight:650}.primary{background:#235b40;color:white;border-color:#235b40}.danger{color:#ad372d}.quiet{background:transparent}.small{font-size:13px;padding:7px 11px}.wide{width:100%}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.035em}h1{font-size:36px;margin:0 0 8px}h2{font-size:27px;margin:0 0 18px}h3{font-size:21px;margin:0 0 14px}p{line-height:1.5}.muted,.hint{color:#69766d;font-size:14px}.hint{margin:8px 0}.error{color:#a93228;background:#fff0ed;border-radius:9px;padding:12px}.success{color:#235b40}.top{display:flex;align-items:center;gap:22px;padding:16px 4vw;border-bottom:1px solid #dedfd3;background:#fffef9;flex-wrap:wrap}.logo{width:96px;height:auto}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav button{border:0;background:transparent}.nav button.on{background:#e3ebdf;color:#215537}.identity{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:13px}.identity span{max-width:160px}.shell{max-width:1250px;margin:auto;padding:28px 26px 70px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px;flex-wrap:wrap}.toolbar h1{font-size:32px}.toolbar select{max-width:340px}.status{font-size:13px;color:#5a6f60;padding:8px 0}.status.warn{color:#a06515}.card{background:#fffef9;border:1px solid #dedfd3;border-radius:18px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:18px 0}.stat{border-radius:12px;padding:17px;background:#eef1e8}.stat span{display:block;font-size:12px;color:#5d7061;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.stat strong{display:block;font-size:26px;margin-top:8px;font-variant-numeric:tabular-nums}.pos{display:grid;grid-template-columns:1fr 370px;gap:22px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-content:start}.product{min-height:132px;text-align:left;padding:23px;background:#fffef9;border:1px solid #dce0d2;border-radius:16px}.product:hover{background:#edf3e7;border-color:#9ab096}.product strong{display:block;font-family:Fraunces,Georgia,serif;font-size:23px;margin-bottom:14px}.product span{font-size:18px;color:#55725b}.ticket{position:sticky;top:18px;align-self:start}.line{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e9e9df;padding:13px 0}.line .name{flex:1}.line strong{font-variant-numeric:tabular-nums}.total{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:18px}.total strong{font-size:31px}.empty{text-align:center;padding:35px 12px;color:#778277}.empty img{width:62px;display:block;margin:0 auto 18px;opacity:.75}label{display:block;font-size:14px;font-weight:650;margin:15px 0 7px}input,select,textarea{width:100%;background:#fff;border:1px solid #cfd6c9;border-radius:10px;padding:12px;color:#25352d}textarea{min-height:80px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>*{flex:1;min-width:150px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;color:#6b786f;font-size:11px;letter-spacing:.04em}td,th{padding:13px 10px;border-bottom:1px solid #e7e9e0;vertical-align:middle}td input{min-width:110px}td button{white-space:nowrap}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{font-size:12px;padding:5px 8px;border-radius:7px;background:#edf1e7;white-space:nowrap}.login{max-width:430px;margin:9vh auto;padding:34px}.login .logo{width:135px;margin-bottom:30px}.login h1{font-size:30px}.login button{margin-top:22px}.login footer{font-size:12px;color:#899187;margin-top:28px}.loading{text-align:center;padding:100px}.subnav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.subnav .on{background:#235b40;color:white}dialog{width:min(600px,calc(100% - 26px));border:1px solid #dedfd3;border-radius:20px;background:#fffef9;color:#25352d;padding:28px;max-height:90vh}dialog::backdrop{background:#122b2066;backdrop-filter:blur(3px)}dialog h2{font-size:26px}dialog .actions{justify-content:flex-end}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#253c2d;color:white;border-radius:12px;z-index:20;display:none;max-width:90vw}#toast.show{display:block}.store-card h2{margin-bottom:10px}.store-card .stat strong{font-size:22px}.store-card .stats{grid-template-columns:1fr 1fr}.help{border-left:3px solid #b2c4a1;padding:0 0 0 13px;color:#647266;font-size:14px}.billing{display:grid;grid-template-columns:1fr 1fr;gap:12px}.counted{font-size:34px;text-align:center;font-weight:700}.offline-banner{border:1px solid #e0c48a;background:#fff7e1;padding:12px 16px;border-radius:10px;margin-bottom:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-title h2{margin:0}.store-name{font-size:14px;color:#6d7a70}.credentials{overflow-wrap:anywhere;padding:16px;background:#edf3e9;border-radius:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.pos{grid-template-columns:1fr 320px}.products{grid-template-columns:repeat(2,1fr)}.top{padding:13px 20px;gap:12px}.identity{margin-left:0}}@media(max-width:650px){.shell{padding:22px 14px 40px}.top{gap:9px}.logo{width:75px}.identity{width:100%;justify-content:flex-end}.nav button{padding:9px 11px}.pos,.split{grid-template-columns:1fr}.ticket{position:static}.product{min-height:110px;padding:16px}.product strong{font-size:20px}.card{padding:19px}.login{margin:5vh 15px}.stats{grid-template-columns:1fr 1fr}.toolbar h1{font-size:28px}.toolbar select{max-width:100%}.table-wrap{margin:0 -8px}}
/* Administración: jerarquía y métricas sin recargar la caja. */
.top{box-shadow:0 2px 12px #18332304}.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-intro p{margin:5px 0;color:#718075}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#738274}.headline-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.headline-stats .stat{background:#fffef9;border:1px solid #dfe3d8;padding:23px}.headline-stats .stat:first-child{background:#234e39;color:#fff}.headline-stats .stat:first-child span{color:#cbddcc}.headline-stats .stat strong{font-size:32px;margin-top:16px;letter-spacing:-.04em}.headline-stats .stat span{font-size:10px}.analytics{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.chart-card,.payment-card{min-width:0}.chart-card h2,.payment-card h2{font-family:Figtree,sans-serif;font-size:18px;font-weight:750;letter-spacing:-.025em}.chart-total{text-align:right}.chart-total span{display:block;font-size:11px;color:#6e7c70}.chart-total strong{display:block;font-size:21px;margin-top:5px}.chart{display:block;width:100%;margin-top:20px}.chart-grid{stroke:#e5e9df;stroke-width:1;stroke-dasharray:4 5}.chart-bar{fill:#bbd0b5}.chart-today{fill:#2c6448}.chart-label{font:13px Figtree,sans-serif;fill:#798678}.chart-value{font:11px Figtree,sans-serif;fill:#4c6451}.donut-wrap{display:flex;justify-content:center}.donut{width:174px;height:174px}.donut-base{stroke:#d8e1ee;stroke-width:20;fill:none}.donut-cash{stroke:#2d674b;stroke-width:20;fill:none}.donut-number{font:700 30px Figtree,sans-serif;fill:#294732}.payment-line{display:flex;align-items:center;justify-content:space-between;font-size:14px;border-top:1px solid #e8eadf;padding:12px 0}.payment-line>span{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.cash{background:#2d674b}.dot.mp{background:#c4d0e3}.locations-title{margin-top:9px}.locations-title h2{font-size:25px}.store-card{padding:25px}.store-card h2{font-family:Figtree,sans-serif;font-size:20px;letter-spacing:-.025em;margin-top:7px}.store-card .stats .stat{background:transparent;padding:10px 0}.store-card .stats{border-bottom:1px solid #e5e8de;padding-bottom:12px}.store-card .section-title{align-items:flex-start}.badge{font-size:11px}.card{box-shadow:0 3px 15px #25352d03}.login{box-shadow:0 20px 60px #234e3909;border-radius:24px}.login footer{border-top:1px solid #e4e7dc;padding-top:20px}.primary:hover{background:#194b32}.nav button:hover{background:#f0f3eb}.section-title{align-items:center}@media(max-width:900px){.headline-stats .stat strong{font-size:26px}.analytics{grid-template-columns:1fr}.payment-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.payment-card .donut-wrap{grid-column:2;grid-row:1/5}.payment-card .hint{margin-top:0}.payment-line{grid-column:1}}@media(max-width:650px){.headline-stats{grid-template-columns:1fr 1fr;gap:10px}.headline-stats .stat{padding:17px}.headline-stats .stat strong{font-size:24px}.admin-intro{align-items:flex-start}.admin-intro .primary{font-size:12px;padding:10px}.chart-total strong{font-size:17px}.chart-card .section-title{gap:8px}.chart-card h2{font-size:16px}.payment-card{display:block}.chart-label{font-size:15px}.chart-value{font-size:10px}.store-card .section-title{flex-wrap:wrap}}
.charge-total{display:flex;align-items:center;justify-content:space-between;padding:5px 0 18px;border-bottom:1px solid #dde3d7;gap:14px}.charge-total span{font-size:14px;color:#617267}.charge-total strong{font-size:30px;letter-spacing:-.04em}.cash-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 16px}.change-panel{background:#24593e;color:#fff;border-radius:17px;padding:25px 18px;text-align:center;margin:18px 0 4px}.change-panel>span{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:750;color:#d2e4d5}.change-panel>strong{display:block;font-size:clamp(38px,8vw,58px);line-height:1.3;letter-spacing:-.045em;margin:8px 0;font-variant-numeric:tabular-nums}.change-panel>p{font-size:14px;color:#d6e7d9;margin:4px 0 0}.change-panel.change-missing{background:#fff0e7;color:#a44421;border:1px solid #efc3ad}.change-missing>span,.change-missing>p{color:#914725}.receipt-details{display:flex;justify-content:space-between;margin-top:20px;font-size:14px;gap:12px}.receipt-details span{display:flex;flex-direction:column;gap:6px;color:#6c7a70}.receipt-details b{color:#283e30;font-size:19px}.bill-counter-header,.bill-counter-row{display:grid;grid-template-columns:minmax(90px,1fr) 84px minmax(90px,1fr);align-items:center;gap:10px}.bill-counter-header{color:#748272;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:10px 0}.bill-counter-header span:last-child{text-align:right}.bill-counter-row{padding:9px 0;border-bottom:1px solid #e9ecdf}.bill-counter-row label{font-size:16px;margin:0;font-variant-numeric:tabular-nums}.bill-counter-row input{text-align:center;padding:9px 5px}.bill-counter-row strong{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.coins-row{border-top:1px solid #cbd7c4;margin-top:8px}.count-summary{background:#edf2e7;border:1px solid #d4dfcd;border-radius:14px;padding:20px;text-align:center;margin:18px 0}.count-summary>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#506b50}.count-summary>strong{display:block;font-size:34px;letter-spacing:-.03em;margin:7px 0;font-variant-numeric:tabular-nums}.count-summary p{margin:4px 0;font-size:14px}.cash-breakdown{margin:22px 0}.cash-breakdown h3{font-size:19px}.receipt-change{margin-top:0}@media(max-width:430px){.bill-counter-header,.bill-counter-row{grid-template-columns:minmax(70px,1fr) 68px minmax(85px,1fr);gap:7px}.bill-counter-row label{font-size:14px}.bill-counter-row strong{font-size:12px}.charge-total strong{font-size:26px}}
