@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#08080a;--bg-secondary:#111114;--bg-card:#16161cb3;--bg-card-solid:#16161c;--bg-card-hover:#1e1e26cc;--bg-input:#121218e6;--bg-glass:#12121a8c;--surface:#ffffff0a;--border:#c4a2651a;--border-subtle:#ffffff0d;--border-glass:#ffffff14;--gold:#c4a265;--gold-light:#d9be88;--gold-dim:#c4a26533;--gold-glow:#c4a2650f;--gold-gradient:linear-gradient(135deg, #b8944f 0%, #d4b87a 50%, #c4a265 100%);--text-primary:#f2efe9;--text-secondary:#9b978f;--text-muted:#5d5a52;--text-gold:#c4a265;--success:#34d399;--success-bg:#34d3991f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#fb7185;--danger-bg:#fb71851f;--info:#60a5fa;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--nav-h:72px;--top-h:52px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--px:16px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-gold:0 0 24px #c4a2651f;--shadow-glow:0 4px 20px #c4a26533;--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}input,textarea,select,button{font-family:inherit}.screen{width:100%;height:100dvh;display:none;position:absolute;inset:0}.screen.active{flex-direction:column;display:flex}#login-screen{background:var(--bg-primary);justify-content:center;align-items:center;overflow:hidden}#login-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4a26514 0%,#0000 70%);width:300px;height:300px;animation:6s ease-in-out infinite breathe;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}}.login-container{width:100%;max-width:340px;padding:0 var(--px);text-align:center;z-index:1;position:relative}.login-logo{margin-bottom:48px}.logo-icon{margin-bottom:20px;font-size:48px;animation:4s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-logo h1{letter-spacing:.35em;color:var(--gold);text-transform:uppercase;font-size:18px;font-weight:300}.login-subtitle{color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;margin-top:8px;font-size:11px}.input-group{text-align:left;margin-bottom:14px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding-left:2px;font-size:11px;font-weight:600;display:block}.input-group input,.input-group textarea,.input-group select{background:var(--bg-input);border:1.5px solid var(--border-glass);border-radius:var(--r-md);width:100%;color:var(--text-primary);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);appearance:none;outline:none;padding:14px 16px;font-size:15px}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.btn-primary{background:var(--gold-gradient);color:#0d0b07;border-radius:var(--r-md);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;width:100%;transition:all var(--duration) var(--ease);box-shadow:var(--shadow-glow);border:none;padding:15px 24px;font-size:13px;font-weight:700;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:after{opacity:1}.btn-primary:active{box-shadow:var(--shadow-sm);transform:scale(.97)}.btn-secondary{background:var(--surface);color:var(--gold);border:1.5px solid var(--gold-dim);border-radius:var(--r-md);letter-spacing:.05em;cursor:pointer;transition:all var(--duration) var(--ease);padding:12px 20px;font-size:12px;font-weight:600}.btn-secondary:active{background:var(--gold-glow);transform:scale(.97)}.error-text{color:var(--danger);min-height:20px;margin-top:12px;font-size:13px}#topbar{height:var(--top-h);padding:0 var(--px);padding-top:var(--safe-top);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);z-index:100;background:#08080ad9;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-logo{font-size:20px}.topbar-title{letter-spacing:.3em;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:400}.topbar-right{gap:2px;display:flex}.icon-btn{border-radius:var(--r-sm);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--duration) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.icon-btn:active{background:var(--surface);color:var(--gold);transform:scale(.9)}.icon-btn.spinning{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#content{padding:20px var(--px) calc(var(--nav-h) + var(--safe-bottom) + 16px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}#content::-webkit-scrollbar{width:0}.tab-content{animation:slideUp .4s var(--ease);display:none}.tab-content.active{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-header h2{letter-spacing:-.01em;color:var(--text-primary);font-size:24px;font-weight:300}.meta-text{color:var(--text-muted);letter-spacing:.05em;font-size:10px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--r-lg);transition:all var(--duration) var(--ease);flex-direction:column;gap:2px;padding:16px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:0;height:1px;transition:opacity var(--duration);position:absolute;top:0;left:0;right:0}.kpi-card:active:before{opacity:1}.kpi-label{letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.kpi-value{color:var(--text-primary);letter-spacing:-.03em;margin:4px 0 2px;font-size:26px;font-weight:300;line-height:1.1}.kpi-sub{color:var(--text-secondary);font-size:11px;font-weight:400}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--r-lg);transition:border-color var(--duration) var(--ease);margin-bottom:14px;padding:18px}.card-header{border-bottom:1px solid var(--border-subtle);margin-bottom:14px;padding-bottom:10px}.card-header h3{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.order-item{border-bottom:1px solid var(--border-subtle);transition:background var(--duration) var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.order-item:last-child{border-bottom:none}.order-item:active{background:var(--surface);border-radius:var(--r-sm);margin:0 -8px;padding:14px 8px}.order-left{flex-direction:column;gap:2px;min-width:0;display:flex}.order-number{color:var(--text-primary);font-size:15px;font-weight:600}.order-customer{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:50vw;font-size:13px;overflow:hidden}.order-date{color:var(--text-muted);font-size:11px}.order-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.order-total{color:var(--gold);letter-spacing:-.01em;font-size:17px;font-weight:600}.order-status{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-full);padding:3px 10px;font-size:9px;font-weight:700}.status-unfulfilled{background:var(--warning-bg);color:var(--warning)}.status-fulfilled{background:var(--success-bg);color:var(--success)}.status-cancelled{background:var(--danger-bg);color:var(--danger)}.product-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 0;display:flex}.product-item:last-child{border-bottom:none}.product-rank{color:var(--text-muted);text-align:center;flex-shrink:0;width:22px;font-size:13px;font-weight:700}.product-info{flex:1;min-width:0}.product-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.product-vendor{color:var(--text-muted);margin-top:1px;font-size:11px}.product-sales{color:var(--gold);flex-shrink:0;font-size:14px;font-weight:600}.catalog-stats{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.catalog-stats::-webkit-scrollbar{height:0}.stat-chip{border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-glass);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:500}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.catalog-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:all var(--duration) var(--ease);-webkit-tap-highlight-color:transparent;overflow:hidden}.catalog-item:active{transform:scale(.96)}.catalog-item img{aspect-ratio:1;object-fit:cover;background:var(--bg-card-solid);width:100%;display:block}.catalog-item-info{padding:8px 8px 10px}.catalog-item-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.catalog-item-price{color:var(--gold);margin-top:4px;font-size:12px;font-weight:700}.search-bar input{background:var(--bg-input);border:1.5px solid var(--border-glass);border-radius:var(--r-full);color:var(--text-primary);width:140px;transition:all var(--duration) var(--ease);-webkit-appearance:none;outline:none;padding:9px 14px;font-size:13px}.search-bar input:focus{border-color:var(--gold);width:180px;box-shadow:0 0 0 3px var(--gold-dim)}.form-row{gap:10px;display:flex}.form-row.two-col>*,.form-row.three-col>*{flex:1}.form-select{background:var(--bg-input);border:1.5px solid var(--border-glass);border-radius:var(--r-md);width:100%;color:var(--text-primary);-webkit-appearance:none;outline:none;padding:14px;font-size:14px}.form-divider{align-items:center;gap:12px;margin:20px 0 14px;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.form-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}.form-actions{gap:10px;margin-top:20px;display:flex}.form-actions>*{flex:1}#guide-preview-content{color:#111;border-radius:var(--r-md);background:#fafaf8;padding:4px}.thermal-label{aspect-ratio:1;color:#111;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;width:4in;max-width:100%;padding:12px;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.label-header{text-align:center;border-bottom:2px solid #111;margin-bottom:8px;padding-bottom:6px}.label-brand{letter-spacing:.25em;text-transform:uppercase;font-size:13px;font-weight:800}.label-meta{color:#777;letter-spacing:.05em;margin-top:2px;font-size:8px}.label-recipient{border-bottom:1px solid #ddd;margin-bottom:6px;padding-bottom:8px}.label-to{color:#999;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:8px;font-weight:700}.label-name{font-size:16px;font-weight:700;line-height:1.2}.label-addr{color:#333;font-size:11px;line-height:1.3}.label-phone{margin-top:3px;font-size:12px;font-weight:600}.label-details{border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;margin-bottom:6px;padding-bottom:6px;display:grid}.label-detail-item{flex-direction:column;gap:1px;display:flex}.label-detail-key{color:#999;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:700}.label-detail-val{color:#111;font-size:11px;font-weight:600}.label-cobrar{color:#fff;background:#111;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;display:flex}.label-cobrar-text{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.label-cobrar-amount{letter-spacing:-.02em;font-size:20px;font-weight:800}.label-notes{border:1px dashed #ccc;border-radius:4px;margin-bottom:4px;padding:5px 8px}.label-notes-title{color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1px;font-size:7px;font-weight:700;display:block}.label-notes-text{color:#333;white-space:pre-wrap;font-size:10px;line-height:1.3;display:block}.label-footer{text-align:center;color:#bbb;letter-spacing:.1em;margin-top:auto;padding-top:4px;font-size:7px}.guide-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.guide-item:last-child{border-bottom:none}.guide-item-left{flex-direction:column;gap:1px;display:flex}.guide-item-id{color:var(--text-primary);font-size:13px;font-weight:600}.guide-item-customer{color:var(--text-secondary);font-size:12px}.guide-item-date{color:var(--text-muted);font-size:10px}.guide-reprint{background:var(--surface);border:1px solid var(--border-glass);border-radius:var(--r-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);-webkit-tap-highlight-color:transparent;padding:7px 14px;font-size:11px;font-weight:500}.guide-reprint:active{border-color:var(--gold);color:var(--gold);transform:scale(.95)}.filter-select{background:var(--bg-input);border:1.5px solid var(--border-glass);border-radius:var(--r-full);color:var(--text-primary);-webkit-appearance:none;outline:none;padding:7px 12px;font-size:12px;font-weight:500}#bottom-nav{height:var(--nav-h);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border-subtle);z-index:100;background:#08080ae0;flex-shrink:0;display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-muted);cursor:pointer;transition:color var(--duration) var(--ease), transform .15s var(--ease-spring);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:0;display:flex;position:relative}.nav-item:active{transform:scale(.9)}.nav-item.active{color:var(--gold)}.nav-item.active:before{content:"";background:var(--gold-gradient);height:2.5px;animation:navIn .3s var(--ease-spring);border-radius:0 0 4px 4px;position:absolute;top:0;left:30%;right:30%}@keyframes navIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav-icon{transition:transform .2s var(--ease-spring);font-size:22px;line-height:1}.nav-item.active .nav-icon{transform:translateY(-1px)}.nav-label{letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600}.loading-skeleton{text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:32px;font-size:12px}.empty-state{text-align:center;color:var(--text-muted);padding:32px;font-size:12px}@media print{@page{size:4in 4in;margin:0}html,body{background:#fff;width:4in;height:4in;margin:0;padding:0;position:static;overflow:hidden}body *{visibility:hidden}#print-template,#print-template *{visibility:visible}#print-template{color:#111;background:#fff;width:4in;height:4in;margin:0;padding:0;position:absolute;top:0;left:0}.thermal-label{aspect-ratio:auto!important;border:none!important;border-radius:0!important;width:4in!important;max-width:none!important;height:4in!important;margin:0!important;padding:10px!important}.label-cobrar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-only{display:none}@media (width<=379px){:root{--px:12px}.kpi-value{font-size:22px}.section-header h2{font-size:20px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:6px}.order-customer{max-width:35vw}}@media (width>=768px){:root{--px:24px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.catalog-grid{grid-template-columns:repeat(4,1fr);gap:12px}#content{max-width:720px;margin:0 auto}.order-customer{max-width:none}}@media (width>=1024px){.catalog-grid{grid-template-columns:repeat(5,1fr)}#content{max-width:860px}.kpi-card:hover{border-color:var(--border);box-shadow:var(--shadow-md)}.kpi-card:hover:before{opacity:1}.catalog-item:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-item:hover{background:var(--surface);border-radius:var(--r-sm);margin:0 -8px;padding:14px 8px}}