@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.mobile-only{display:none!important}.desktop-only{display:flex!important}.bottom-nav{display:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation}:root{--bg-primary:#0a0f1e;--bg-secondary:#111827;--bg-subtle:#0a0f1e80;--bg-card:#111827d9;--bg-card-hover:#111827f2;--bg-input:#0a0f1ecc;--bg-overlay:#000000a6;--bg-sidebar:linear-gradient(180deg, #111827 0%, #0a0f1e 100%);--bg-header:#0a0f1ee6;--bg-table-header:#0a0f1e80;--bg-table-row-hover:#94a3b80a;--bg-nav-hover:#94a3b814;--bg-nav-active:#06b6d41f;--bg-accent-subtle:#06b6d40f;--bg-accent-light:#06b6d41a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-accent:#fff;--border:#94a3b826;--border-focus:#06b6d4;--border-accent:#06b6d44d;--border-accent-subtle:#06b6d426;--accent:#06b6d4;--accent-hover:#0891b2;--accent-glow:#06b6d447;--cta-accent:#f59e0b;--cta-accent-hover:#d97706;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--info:#3b82f6;--success:#22c55e;--badge-success-bg:#22c55e26;--badge-success-text:#22c55e;--badge-warning-bg:#f59e0b26;--badge-warning-text:#f59e0b;--badge-danger-bg:#ef444426;--badge-danger-text:#ef4444;--badge-info-bg:#3b82f626;--badge-info-text:#3b82f6;--badge-neutral-bg:#94a3b826;--badge-neutral-text:#94a3b8;--stat-emerald-bg:#22c55e26;--stat-emerald-text:#22c55e;--stat-violet-bg:#6366f126;--stat-violet-text:#6366f1;--stat-amber-bg:#f59e0b26;--stat-amber-text:#f59e0b;--stat-blue-bg:#3b82f626;--stat-blue-text:#3b82f6;--gradient-1:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-2:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-3:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--shadow-pos-cart:0 -8px 40px #0006;--skeleton-bg:var(--bg-input);--skeleton-shimmer:#94a3b826;--scrollbar-thumb:#64748b;--scrollbar-thumb-hover:#94a3b8;--scrollbar-track:transparent;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--bottom-nav-height:64px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-theme:background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}[data-theme=light]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-subtle:#f1f5f9cc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-input:#ffffffe6;--bg-overlay:#00000080;--bg-sidebar:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--bg-header:#ffffffe6;--bg-table-header:#f1f5f9cc;--bg-table-row-hover:#0f172a08;--bg-nav-hover:#0f172a0d;--bg-nav-active:#0891b214;--bg-accent-subtle:#0891b20f;--bg-accent-light:#0891b21a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-accent:#fff;--border:#64748b33;--border-focus:#0891b2;--border-accent:#0891b24d;--border-accent-subtle:#0891b226;--accent:#0891b2;--accent-hover:#0e7490;--accent-glow:#0891b238;--cta-accent:#d97706;--cta-accent-hover:#b45309;--danger:#dc2626;--danger-hover:#b91c1c;--warning:#d97706;--info:#2563eb;--success:#16a34a;--badge-success-bg:#16a34a1f;--badge-success-text:#16a34a;--badge-warning-bg:#d977061f;--badge-warning-text:#d97706;--badge-danger-bg:#dc26261f;--badge-danger-text:#dc2626;--badge-info-bg:#2563eb1f;--badge-info-text:#2563eb;--badge-neutral-bg:#64748b1f;--badge-neutral-text:#64748b;--stat-emerald-bg:#16a34a1a;--stat-emerald-text:#16a34a;--stat-violet-bg:#4f46e51a;--stat-violet-text:#4f46e5;--stat-amber-bg:#d977061a;--stat-amber-text:#d97706;--stat-blue-bg:#2563eb1a;--stat-blue-text:#2563eb;--gradient-1:linear-gradient(135deg, #0891b2 0%, #2563eb 100%);--gradient-2:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-3:linear-gradient(135deg, #d97706 0%, #dc2626 100%);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-glow:0 0 20px #0891b233;--shadow-pos-cart:0 -8px 40px #00000026;--skeleton-bg:#f1f5f9e6;--skeleton-shimmer:#94a3b833;--scrollbar-thumb:#94a3b8;--scrollbar-thumb-hover:#64748b;--scrollbar-track:transparent}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-subtle:#f1f5f9cc;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-input:#ffffffe6;--bg-overlay:#00000080;--bg-sidebar:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--bg-header:#ffffffe6;--bg-table-header:#f1f5f9cc;--bg-table-row-hover:#0f172a08;--bg-nav-hover:#0f172a0d;--bg-nav-active:#0891b214;--bg-accent-subtle:#0891b20f;--bg-accent-light:#0891b21a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-accent:#fff;--border:#64748b33;--border-focus:#0891b2;--border-accent:#0891b24d;--border-accent-subtle:#0891b226;--accent:#0891b2;--accent-hover:#0e7490;--accent-glow:#0891b238;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--scrollbar-thumb:#94a3b8;--scrollbar-thumb-hover:#64748b;--scrollbar-track:transparent}}html{-webkit-text-size-adjust:100%;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@supports (-webkit-touch-callout:none){::-webkit-scrollbar{width:0;height:0}}.app-layout{min-height:100dvh;padding-top:var(--safe-area-top);display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:var(--transition);min-height:100dvh;padding-bottom:var(--safe-area-bottom);flex:1}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.page-content{width:100%;max-width:1400px;margin:0 auto;padding:24px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);transition:var(--transition), background .3s ease, border-color .3s ease;border-right:1px solid var(--border);z-index:100;transition:var(--transition);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:72px;padding:20px;display:flex}.sidebar-brand .brand-icon{background:var(--gradient-1);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.sidebar-brand .brand-text{white-space:nowrap;font-size:15px;font-weight:700;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .brand-text{opacity:0;width:0}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;padding:12px 8px;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);white-space:nowrap;padding:8px 12px;font-size:10px;font-weight:600;overflow:hidden}.sidebar.collapsed .nav-section-title{opacity:0;height:0;margin:0;padding:0}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-nav-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-nav-active);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar.collapsed .nav-item span{opacity:0;width:0}.nav-item .nav-badge{background:var(--danger);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.nav-item .nav-badge.warning{background:var(--warning);color:#000}.nav-item .nav-badge.accent{background:var(--accent);color:#fff}.sidebar.collapsed .nav-item .nav-badge{min-width:16px;height:16px;padding:0 4px;font-size:8px;position:absolute;top:2px;right:2px}.sidebar-toggle{border-top:1px solid var(--border);justify-content:center;padding:16px;display:flex}.sidebar-toggle button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:8px}.sidebar-toggle button:hover{color:var(--text-primary);background:var(--bg-nav-hover)}.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:90;transition:var(--transition), background-color .3s ease, border-color .3s ease;padding:0 24px;padding-top:var(--safe-area-top);justify-content:space-between;align-items:center;display:flex;position:fixed}.header.collapsed{left:var(--sidebar-collapsed)}.header-left{align-items:center;gap:16px;display:flex}.header-left h1{font-size:18px;font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.theme-toggle-btn{justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;border-radius:50%!important;padding:8px!important}.theme-toggle-icon{justify-content:center;align-items:center;animation:.4s cubic-bezier(.4,0,.2,1) themeIconSpin;display:flex}@keyframes themeIconSpin{0%{opacity:0;transform:rotate(-90deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}.header-search{width:280px;position:relative}.header-search input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:8px 12px 8px 36px;font-size:13px}.header-search input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.header-search svg{color:var(--text-muted);width:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.user-menu{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:6px 12px;display:flex}.user-menu:hover{border-color:var(--accent)}.user-avatar{background:var(--gradient-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-info{text-align:left}.user-info .name{font-size:13px;font-weight:600}.user-info .role{color:var(--text-muted);font-size:11px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:20px}.card:hover{border-color:var(--text-muted);opacity:.85}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:15px;font-weight:600}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.emerald:before{background:var(--gradient-1)}.stat-card.violet:before{background:var(--gradient-2)}.stat-card.amber:before{background:var(--gradient-3)}.stat-card.blue:before{background:linear-gradient(135deg, var(--info), #06b6d4)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.stat-card.emerald .stat-icon{background:var(--stat-emerald-bg);color:var(--stat-emerald-text)}.stat-card.violet .stat-icon{background:var(--stat-violet-bg);color:var(--stat-violet-text)}.stat-card.amber .stat-icon{background:var(--stat-amber-bg);color:var(--stat-amber-text)}.stat-card.blue .stat-icon{background:var(--stat-blue-bg);color:var(--stat-blue-text)}.stat-card .stat-value{margin-bottom:4px;font-size:24px;font-weight:800}.stat-card .stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.stat-card .stat-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;outline:none;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--gradient-1);color:var(--text-on-accent);box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary)}.btn-danger{background:var(--danger);color:var(--text-on-accent)}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-nav-hover)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-select option,[data-theme=light] .form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.table-toolbar-left{align-items:center;gap:12px;display:flex}.table-toolbar-right{align-items:center;gap:8px;display:flex}.table-wrapper{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--bg-card) 0%, transparent 100%) left / 24px 100% no-repeat, linear-gradient(to left, var(--bg-card) 0%, transparent 100%) right / 24px 100% no-repeat, linear-gradient(to right, #94a3b82e 0%, transparent 100%) left / 6px 100% no-repeat, linear-gradient(to left, #94a3b82e 0%, transparent 100%) right / 6px 100% no-repeat, var(--bg-card);background-attachment:local,local,scroll,scroll,local;width:100%;max-width:100%;overflow-x:auto}.table-wrapper table{min-width:max-content}.table-wrapper th,.table-wrapper td{white-space:nowrap}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-table-header);padding:12px 16px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid #94a3b80f;padding:12px 16px;font-size:13px}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--bg-table-row-hover)}.table-empty{text-align:center;color:var(--text-muted);padding:48px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);z-index:200;overscroll-behavior:contain;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;width:100%;max-width:520px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:16px;font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.confirm-dialog-overlay{z-index:300}.confirm-dialog{max-width:400px}.confirm-dialog .modal-body{text-align:center}.confirm-dialog .modal-footer{justify-content:center;gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.4s fadeIn}.slide-up{animation:.4s slideUp}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-20{padding:20px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.login-page{background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%, var(--accent-glow) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #6366f114 0%, transparent 50%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:40px;animation:.5s slideUp}.login-logo{background:var(--gradient-1);border-radius:var(--radius-md);width:64px;height:64px;color:var(--text-on-accent);justify-content:center;align-items:center;margin:0 auto 24px;font-size:28px;font-weight:800;display:flex}.login-title{text-align:center;margin-bottom:4px;font-size:22px;font-weight:800}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:13px}@media (width>=768px) and (width<=1024px){.login-card{max-width:480px;padding:48px}.login-logo{width:80px;height:80px;font-size:34px}.login-title{font-size:26px}.login-subtitle{font-size:14px}.login-card .form-input{padding:14px 16px;font-size:16px}.login-card .btn-lg{padding:16px 24px;font-size:17px}}.pos-layout{min-height:calc(100vh - var(--header-height) - 48px);grid-template-columns:1fr 300px;gap:20px;display:grid}.pos-products{-webkit-overflow-scrolling:touch;overflow-y:auto}.pos-cart{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-height:calc(100vh - var(--header-height) - 48px);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.pos-cart-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:16px 20px;font-size:15px;font-weight:700}.pos-cart-items{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow-y:auto}.pos-cart-item{border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);background:var(--bg-card);align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.pos-cart-item:hover{border-color:var(--accent)}.pos-cart-totals{border-top:1px solid var(--border);background:var(--bg-secondary);padding:16px 20px}.pos-cart-totals .total-row{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.pos-cart-totals .total-final{color:var(--accent);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:20px;font-weight:800}.pos-cart-actions{border-top:1px solid var(--border);background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);padding:16px 20px}.pos-cart-actions .btn{justify-content:center;width:100%}.nueva-venta-cart{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.nueva-venta-cart-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:14px 18px;font-size:15px;font-weight:700}.nueva-venta-cart-items{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 420px);overflow-y:auto}.nueva-venta-cart-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.nueva-venta-cart-item:last-child{border-bottom:none}.nueva-venta-cart-item:hover{background:var(--bg-accent-subtle);border-left:3px solid var(--accent);padding-left:13px}.nueva-venta-cart-item:active{background:var(--bg-accent-light)}.nueva-venta-cart-totals{border-top:1px solid var(--border);background:var(--bg-secondary);padding:14px 18px}.nueva-venta-cart-totals .total-row{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.nueva-venta-cart-totals .total-final{color:var(--accent);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:20px;font-weight:800}.nueva-venta-cart-actions{border-top:1px solid var(--border);background:var(--bg-secondary);padding:14px 18px}.modal-quantity-overlay{z-index:300}.modal-quantity{text-align:center;max-width:480px;padding:32px 28px;position:relative}.modal-quantity-close{top:12px;right:12px;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;display:flex!important;position:absolute!important}.modal-quantity-info{margin-bottom:20px}.modal-quantity-name{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:800;line-height:1.2}.modal-quantity-code{color:var(--text-muted);font-family:monospace;font-size:12px}.modal-quantity-meta{justify-content:center;gap:24px;margin-bottom:28px;display:flex}.modal-quantity-price,.modal-quantity-stock{flex-direction:column;align-items:center;gap:4px;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.meta-value{color:var(--text-primary);font-size:18px;font-weight:700}.modal-quantity-stock .meta-value{color:var(--accent)}.modal-quantity-input-area{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.qty-large-btn{border:2px solid var(--border);background:var(--bg-card);width:56px;height:56px;color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.qty-large-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-accent-light);color:var(--accent)}.qty-large-btn:active:not(:disabled){transform:scale(.92)}.qty-large-btn:disabled{opacity:.3;cursor:not-allowed}.qty-large-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.qty-display-large{text-align:center;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);width:120px;height:72px;color:var(--text-primary);-moz-appearance:textfield;outline:none;font-size:3rem;font-weight:800;transition:border-color .2s}.qty-display-large:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.qty-display-large::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-display-large::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-max-hint{color:var(--text-muted);font-size:11px}.modal-quantity-subtotal{background:var(--bg-accent-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-accent-subtle);justify-content:center;align-items:baseline;gap:8px;margin-bottom:24px;padding:12px;display:flex}.subtotal-label{color:var(--text-muted);font-size:14px}.subtotal-value{color:var(--accent);font-size:24px;font-weight:800}.modal-quantity-actions{gap:10px;margin-bottom:12px;display:flex}.modal-action-btn{flex:1;justify-content:center;padding:14px!important;font-size:15px!important}.modal-action-primary{flex:2}.modal-quantity-hint{color:var(--text-muted);justify-content:center;gap:16px;font-size:11px;display:flex}.kbd-mini{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;margin-right:2px;padding:1px 5px;font-family:monospace;font-size:10px;font-weight:700;display:inline-block}.checkout-modal-overlay{z-index:250}.checkout-modal{flex-direction:column;max-width:640px;max-height:90vh;display:flex}.checkout-modal-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.checkout-step-indicator{align-items:center;gap:0;display:flex}.checkout-step-dot-group{align-items:center;gap:6px;display:flex}.checkout-step-dot-group+.checkout-step-dot-group:before{content:"";background:var(--border);width:24px;height:2px;margin:0 8px;display:block}.checkout-step-dot{border:2px solid var(--border);width:24px;height:24px;color:var(--text-muted);cursor:default;transition:var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.checkout-step-dot.active{border-color:var(--accent);background:var(--bg-accent-light);color:var(--accent)}.checkout-step-dot.completed{border-color:var(--success);background:var(--success);color:var(--text-on-accent);cursor:pointer}.checkout-step-dot.completed:hover{opacity:.8}.checkout-step-dot-label{color:var(--text-muted);white-space:nowrap;font-size:10px;display:none}.checkout-step-dot.active+.checkout-step-dot-label,.checkout-step-dot.completed+.checkout-step-dot-label{display:inline}.checkout-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.checkout-step-content{animation:.25s fadeIn}.checkout-step-icon{text-align:center;color:var(--accent);margin-bottom:12px}.checkout-step-title{text-align:center;margin-bottom:4px;font-size:20px;font-weight:800}.checkout-step-desc{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:13px}.checkout-client-selected{background:var(--bg-accent-light);border:1px solid var(--border-accent);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.checkout-client-name{font-size:15px;font-weight:700}.checkout-client-detail{color:var(--text-muted);margin-top:2px;font-size:12px}.checkout-client-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.checkout-action-btn,.checkout-continue-btn{justify-content:center;width:100%;padding:14px!important}.checkout-payment-type-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.checkout-payment-type-card{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-primary);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.checkout-payment-type-card:hover{border-color:var(--accent);background:var(--bg-accent-subtle)}.checkout-payment-type-card.selected{border-color:var(--accent);background:var(--bg-accent-light);box-shadow:0 0 0 3px var(--accent-glow)}.payment-type-label{font-size:16px;font-weight:700}.payment-type-desc{color:var(--text-muted);font-size:11px}.checkout-vencimiento{margin-bottom:16px}.checkout-field-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.checkout-input{width:100%;padding:10px 12px!important;font-size:14px!important}.checkout-nav-buttons{gap:10px;margin-top:20px;display:flex}.checkout-nav-buttons .btn{flex:1;justify-content:center;padding:12px!important;font-size:14px!important}.checkout-pago-status-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:2;margin-bottom:14px;padding:14px;position:sticky;top:0}.checkout-status-row{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.checkout-status-amount{font-weight:700}.checkout-status-faltante{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-size:15px}.checkout-amount-faltante{color:var(--warning);font-size:17px;font-weight:800}.checkout-amount-complete{color:var(--success);font-size:17px;font-weight:800}.checkout-condition-badge{border-radius:var(--radius-sm);text-align:center;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:600}.checkout-condition-badge.con_pendiente{background:var(--badge-warning-bg);color:var(--warning);border:1px solid #f59e0b4d}.checkout-condition-badge.con_excedente{background:var(--badge-danger-bg);color:var(--danger);border:1px solid #ef44444d}.checkout-pagos-list-redesign{flex-direction:column;gap:12px;max-height:none;margin-bottom:12px;display:flex;overflow-y:visible}.checkout-pago-entry-redesign{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.checkout-pago-entry-redesign .checkout-pago-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.checkout-pago-entry-redesign .checkout-pago-num{color:var(--text-muted);font-size:12px;font-weight:600}.checkout-pago-entry-redesign .checkout-pago-fields{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.checkout-btn-maximo{transition:var(--transition);align-items:center;gap:4px;display:inline-flex;color:var(--accent)!important;border:1px solid var(--border-accent)!important;background:var(--bg-accent-light)!important;border-radius:6px!important;padding:2px 8px!important;font-size:11px!important;font-weight:700!important}.checkout-btn-maximo:hover{background:var(--bg-accent-light)!important;border-color:var(--accent)!important}.checkout-condition-ack{background:var(--badge-warning-bg);border-radius:var(--radius-sm);border:1px solid #f59e0b33;margin-bottom:12px;padding:10px 14px}.checkout-field-sm{width:70px;padding:6px!important;font-size:12px!important}.checkout-field-md{flex:1;min-width:100px;padding:6px!important;font-size:12px!important}.checkout-monto-wrapper{flex:1;min-width:90px;position:relative}.checkout-monto-symbol{color:var(--text-muted);pointer-events:none;z-index:1;font-size:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.checkout-field-monto{width:100%;padding:6px 6px 6px 28px!important;font-size:12px!important}.checkout-field-ref{width:100%;padding:6px 10px!important;font-size:12px!important}.checkout-pago-equiv{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px}.checkout-add-pago{justify-content:center;width:100%;margin-bottom:12px;border:1px dashed var(--border)!important;padding:10px!important;font-size:13px!important}.checkout-add-pago:hover{color:var(--accent);border-color:var(--accent)!important}.checkout-progress-row{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.checkout-progress-bar-bg{background:var(--border);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.checkout-progress-bar-fill{background:var(--gradient-1);border-radius:3px;height:100%;transition:width .3s}.checkout-summary-section{margin-bottom:12px}.checkout-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.checkout-summary-value{font-size:14px;font-weight:600}.checkout-summary-products{flex-direction:column;gap:6px;max-height:150px;display:flex;overflow-y:auto}.checkout-summary-product{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.checkout-summary-totals{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:12px}.checkout-summary-row{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.checkout-summary-total{color:var(--accent);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:18px;font-weight:800}.checkout-summary-pagos{margin-bottom:12px}.checkout-summary-extras{gap:12px;margin-bottom:4px;display:flex}.checkout-summary-extra-field{flex:1}.checkout-summary-extra-field .form-input{width:100%;padding:8px 10px!important;font-size:13px!important}.checkout-hint{color:var(--text-muted);justify-content:center;gap:16px;margin-top:12px;font-size:11px;display:flex}@media (width<=767px){.modal-quantity{border-radius:0;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;margin:0;display:flex}.modal-quantity-name{font-size:1.2rem}.qty-display-large{width:100px;height:60px;font-size:2.5rem}.qty-large-btn{width:48px;height:48px}.subtotal-value{font-size:20px}.checkout-modal{border-radius:0;max-width:100%;min-height:100vh;max-height:100vh;margin:0}.checkout-modal-header{border-radius:0}.checkout-payment-type-options{grid-template-columns:1fr}.checkout-pago-fields{flex-direction:column}.checkout-field-sm,.checkout-field-md,.checkout-monto-wrapper{width:100%}.checkout-summary-extras{flex-direction:column}.nueva-venta-cart-items{max-height:calc(100dvh - 380px)}.nueva-venta-cart-header{padding:12px 16px;font-size:14px}.nueva-venta-cart-item{gap:10px;padding:10px 14px}.nueva-venta-cart-totals{padding:12px 16px}.nueva-venta-cart-totals .total-final{font-size:17px}.nueva-venta-cart-actions{padding:12px 16px}.print-receipt{padding:0 4px}.print-receipt h2{font-size:14px}.print-receipt table thead th,.print-receipt table tbody td{padding:6px 4px;font-size:10px}.receipt-paper{border-radius:10px;max-width:100%}.receipt-body{padding:16px 14px}.receipt-success-title{font-size:18px}.receipt-tot-main{font-size:15px}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.product-card-mini{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:14px;position:relative;overflow:hidden}.product-card-mini:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-mini:active{transform:translateY(0)scale(.98)}.product-card-mini .prod-name{margin-bottom:4px;font-size:13px;font-weight:600}.product-card-mini .prod-code{color:var(--text-muted);font-size:11px}.product-card-mini .prod-price{color:var(--accent);margin-top:8px;font-size:16px;font-weight:700}.product-card-mini .prod-stock{color:var(--text-muted);font-size:11px}.modal-search .modal{max-width:600px;max-height:80vh}.modal-search .modal-body{max-height:calc(80vh - 110px);padding:0;overflow-y:auto}.modal-search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:14px 16px 14px 44px;font-size:16px}.modal-search-input::placeholder{color:var(--text-muted)}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--bg-accent-light);border-left:3px solid var(--accent);padding-left:17px}.search-result-item.out-of-stock{opacity:.4;pointer-events:none}.search-result-item .item-name{color:var(--text-primary);font-size:14px;font-weight:600}.search-result-item .item-code{color:var(--text-muted);margin-top:2px;font-size:11px}.search-result-item .item-price{color:var(--accent);font-size:15px;font-weight:700}.search-result-item .item-stock{color:var(--text-muted);margin-top:2px;font-size:11px}.modal-search-footer{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:16px;padding:10px 20px;font-size:11px;display:flex}.qty-controls{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;align-items:center;gap:2px;display:flex;overflow:hidden}.qty-btn{width:28px!important;height:28px!important;min-width:unset!important;border-radius:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.qty-input{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);width:36px;height:28px;color:var(--text-primary);text-align:center;-moz-appearance:textfield;background:0 0;outline:none;font-size:13px;font-weight:700}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-btn{width:32px!important;height:32px!important;min-width:unset!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.step-indicator{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 20px}.step-indicator-steps{justify-content:center;align-items:center;gap:0;display:flex}.step-item{color:var(--text-muted);transition:var(--transition);align-items:center;gap:8px;font-size:13px;display:flex}.step-item.active{color:var(--accent);font-weight:600}.step-item.completed{color:var(--success)}.step-circle{border:2px solid var(--border);width:28px;height:28px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-item.active .step-circle{border-color:var(--accent);background:var(--bg-nav-active);color:var(--accent)}.step-item.completed .step-circle{border-color:var(--success);background:var(--badge-success-bg);color:var(--success)}.step-connector{background:var(--border);border-radius:1px;width:60px;height:2px;margin:0 12px;position:relative;overflow:hidden}.step-connector-fill{background:var(--success);transform-origin:0;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.step-connector-fill.completed{transform:scaleX(1)}.step-label{white-space:nowrap}.client-result-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;padding:14px 20px;transition:background .15s;display:flex}.client-result-item:last-child{border-bottom:none}.client-result-item:hover,.client-result-item.selected{background:var(--bg-accent-light);border-left:3px solid var(--accent);padding-left:17px}.client-result-item .client-name{color:var(--text-primary);font-size:14px;font-weight:600}.client-result-item .client-details{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:3px;font-size:11px;display:flex}.client-result-item .client-details span{align-items:center;display:inline-flex}@media (width<=767px){.pos-cart-item{flex-wrap:wrap;gap:8px;padding:10px 12px}.pos-cart-item>div:first-child{flex:60%;min-width:0}.pos-cart-item .flex.items-center.gap-4{order:2}.pos-cart-item .flex.gap-2{order:3;justify-content:flex-start;width:100%;margin-left:0!important}.pos-cart-item>div:nth-last-child(2){order:4}.pos-cart-item>button:last-child{order:5}}.print-receipt{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-width:480px;margin:0 auto;padding:16px}.print-receipt table{background:0 0}.print-receipt table thead th{color:var(--text-secondary);background:var(--bg-table-header)}.print-receipt table tbody tr{background:0 0}.print-receipt table tbody td{color:var(--text-primary);background:0 0}.ticket-recibo{color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;max-width:302px;margin:0 auto;padding:14px 10px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;box-shadow:0 4px 20px #0006}.ticket-recibo *{color:#000!important;background:0 0!important;border-color:#999!important}.ticket-meta{text-align:center;margin:10px 0;font-size:11px;line-height:1.8}.ticket-line{border:none;border-top:1px dashed #999;margin:8px 0}.ticket-table{border-collapse:collapse;width:100%;font-size:11px}.ticket-table thead th{text-transform:uppercase;letter-spacing:.04em;text-align:right;border-bottom:1px solid #000;padding:2px 3px;font-size:9px;font-weight:700}.ticket-table thead th:first-child,.ticket-td-left{text-align:left!important}.ticket-table tbody td{vertical-align:top;text-align:right;border-bottom:1px dashed #ccc;padding:3px}.ticket-table tbody tr:last-child td{border-bottom:none}.ticket-totals{margin-top:4px}.ticket-tot-row{justify-content:space-between;padding:1px 0;font-size:11px;display:flex}.ticket-tot-main{border-top:2px solid #000;justify-content:space-between;margin-top:4px;padding:4px 0;font-size:14px;font-weight:700;display:flex}.ticket-tot-bs{justify-content:space-between;padding:2px 0;font-size:12px;font-weight:600;display:flex}.ticket-tasa{text-align:right;margin-top:1px;font-size:10px}.ticket-section-lbl{text-transform:uppercase;letter-spacing:.08em;margin:2px 0 4px;font-size:9px;font-weight:700}.ticket-pago-row{padding:2px 0;font-size:10px}.ticket-obs{padding:2px 0;font-size:10px;font-style:italic}.ticket-condicion{text-align:center;padding:2px 0;font-size:10px;font-weight:700}.ticket-footer{text-align:center;letter-spacing:.05em;padding-top:4px;font-size:10px}.ticket-success-header{justify-content:center;align-items:center;gap:14px;margin-bottom:20px;display:flex}.ticket-check-icon{background:#22c55e1f;border:2px solid #22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ticket-success-title{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.2}.ticket-success-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.receipt-success-badge{justify-content:center;align-items:center;gap:14px;margin-bottom:20px;display:flex}.receipt-check-icon{background:#22c55e1f;border:2.5px solid #22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.receipt-success-title{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.2}.receipt-success-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.receipt-paper{color:#111827;background:#fff;border-radius:14px;max-width:440px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #0000008c,0 4px 16px #0000004d}.receipt-accent-bar{background:linear-gradient(90deg,#06b6d4 0%,#6366f1 100%);height:5px}.receipt-body{padding:22px 20px}.receipt-paper .company-header,.receipt-body .company-header{border-bottom-color:#e5e7eb!important}.receipt-paper h2,.receipt-body h2{color:#111827!important}.receipt-body p{color:#6b7280!important}.receipt-meta-block{color:#374151;margin:14px 0 10px;font-size:12px;line-height:1.85}.receipt-meta-row{gap:6px;display:flex}.receipt-meta-label{color:#1f2937;flex-shrink:0;min-width:62px;font-weight:700}.receipt-meta-vence .receipt-meta-label,.receipt-meta-vence span{color:#b45309}.receipt-dash-divider{border:none;border-top:1.5px dashed #d1d5db;height:0;margin:14px 0}.receipt-items-tbl{border-collapse:collapse;width:100%;font-size:12px}.receipt-items-tbl thead th{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;text-align:left;border-bottom:1px solid #e5e7eb;padding:0 6px 8px;font-size:10px;font-weight:700}.receipt-items-tbl thead th:not(:first-child){text-align:right}.receipt-items-tbl tbody td{color:#1f2937;vertical-align:top;border-bottom:1px solid #f3f4f6;padding:7px 6px}.receipt-items-tbl tbody td:not(:first-child){text-align:right;white-space:nowrap}.receipt-items-tbl tbody tr:last-child td{border-bottom:none}.receipt-prod-name{line-height:1.4}.receipt-totals{margin-top:4px}.receipt-tot-row{color:#6b7280;justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.receipt-tot-discount{color:#ef4444}.receipt-tot-main{color:#0891b2;background:#06b6d412;border:1.5px solid #06b6d440;border-radius:9px;justify-content:space-between;align-items:center;margin:10px 0 6px;padding:10px 12px;font-size:17px;font-weight:800;display:flex}.receipt-tot-bs{color:#374151;justify-content:space-between;padding:3px 0;font-size:13px;font-weight:600;display:flex}.receipt-tasa-note{color:#9ca3af;text-align:right;margin-top:3px;font-size:10px}.receipt-payments{font-size:11.5px}.receipt-payments-lbl{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:8px;font-size:10px;font-weight:700}.receipt-payment-row{color:#4b5563;justify-content:space-between;padding:3px 0;display:flex}.receipt-payment-eq{color:#9ca3af;flex-shrink:0;margin-left:8px}.receipt-condicion{text-align:center;border-radius:7px;margin-top:14px;padding:8px 12px;font-size:11px;font-weight:600}.receipt-condicion-warn{color:#92400e;background:#f59e0b14;border:1px solid #f59e0b4d}.receipt-condicion-danger{color:#991b1b;background:#ef444414;border:1px solid #ef44444d}.receipt-footer-note{text-align:center;color:#9ca3af;letter-spacing:.08em;border-top:1.5px dashed #d1d5db;margin-top:18px;padding-top:14px;font-size:11px}@media print{*{color:#000!important;box-shadow:none!important;background:0 0!important}body{margin:0;padding:0;background:#fff!important}@page{margin:4mm;size:80mm auto}.sidebar,.header,.bottom-nav,.no-print,.connectivity-bar,.toast-container,.modal-overlay,.confirm-dialog-overlay,.card,.vd-balance-panel,.mf-back-row,.alert,.fade-in>:not(.ticket-recibo){display:none!important}.ticket-recibo{box-shadow:none!important;background:#fff!important;border:none!important;max-width:100%!important;margin:0!important;padding:2px 0!important;display:block!important}.ticket-recibo *{color:#000!important;background:0 0!important}.main-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.page-content{max-width:100%!important;padding:0!important}.app-layout .main-content.collapsed{margin-left:0!important}.print-receipt{max-width:80mm;margin:0 auto;padding:8px 6px;font-family:Courier New,Courier,monospace;font-size:11px;color:#000!important;background:#fff!important}.print-receipt *{color:#000!important;background:0 0!important;border-color:#999!important}.print-receipt h2{text-align:center;margin-bottom:6px;font-size:14px;font-weight:700}.print-receipt table{border-collapse:collapse;width:100%;font-size:10px}.print-receipt th{text-align:left;border-bottom:1px solid #999;padding:3px 2px;font-size:10px;font-weight:700}.print-receipt td{border-bottom:1px dashed #ddd;padding:2px;font-size:10px}.print-receipt th:last-child,.print-receipt td:last-child{text-align:right}.print-receipt .flex{justify-content:space-between;padding:1px 0;display:flex}.print-receipt .total{border-top:2px solid #000;margin-top:4px;padding-top:4px;font-size:13px;font-weight:700}.print-receipt .text-muted,.print-receipt .text-secondary{color:#666!important}.print-receipt .company-header{text-align:center;margin-bottom:8px}.print-receipt .company-header .company-name{font-size:14px;font-weight:700}.print-receipt .company-header .company-details{font-size:9px;color:#555!important}.print-receipt .payment-details{border-top:1px dashed #999;margin-top:6px;padding-top:4px;font-size:10px}.print-receipt .badge,.print-receipt .alert{border:1px solid #999;padding:1px 4px;font-size:9px;background:0 0!important}.print-receipt .obs-block{border-top:1px dashed #999;margin-top:6px;padding-top:4px;font-size:10px}.print-receipt{page-break-after:avoid}.print-receipt table{page-break-inside:avoid}.receipt-paper{font-family:Courier New,Courier,monospace;font-size:11px;box-shadow:none!important;color:#000!important;background:#fff!important;border-radius:0!important;max-width:80mm!important}.receipt-accent-bar{display:none}.receipt-body{padding:6px 4px}.receipt-body p,.receipt-meta-block,.receipt-meta-row,.receipt-meta-label,.receipt-items-tbl,.receipt-items-tbl thead th,.receipt-items-tbl tbody td,.receipt-tot-row,.receipt-tot-bs,.receipt-tasa-note,.receipt-payments,.receipt-payment-row,.receipt-payment-eq,.receipt-footer-note{color:#000!important;background:0 0!important}.receipt-items-tbl thead th{padding:2px 4px 4px;font-size:9px;border-bottom:1px solid #999!important}.receipt-items-tbl tbody td{padding:3px 4px;font-size:10px;border-bottom:1px dashed #ccc!important}.receipt-dash-divider{border-top-color:#999!important}.receipt-tot-main{margin:6px 0 4px;padding:6px 8px;font-size:13px;color:#000!important;background:0 0!important;border:1.5px solid #333!important}.receipt-condicion-warn,.receipt-condicion-danger{color:#000!important;background:0 0!important;border-color:#999!important}.receipt-paper{page-break-after:avoid}.receipt-items-tbl{page-break-inside:avoid}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;max-width:400px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow-lg), 0 0 20px #0000004d;pointer-events:auto;-webkit-backdrop-filter:blur(12px);align-items:center;gap:10px;padding:12px 16px;animation:.3s toastSlideIn;display:flex}.toast.toast-success{border-left:3px solid var(--success)}.toast.toast-error{border-left:3px solid var(--danger)}.toast.toast-warning{border-left:3px solid var(--warning)}.toast.toast-info{border-left:3px solid var(--info)}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast.toast-success .toast-icon{color:var(--success)}.toast.toast-error .toast-icon{color:var(--danger)}.toast.toast-warning .toast-icon{color:var(--warning)}.toast.toast-info .toast-icon{color:var(--info)}.toast-message{color:var(--text-primary);flex:1;font-size:13px;font-weight:500;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.toast-close:hover{color:var(--text-primary);background:var(--bg-nav-hover)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-controls .btn{justify-content:center;min-width:36px;min-height:36px}.pagination-dots{color:var(--text-muted);padding:0 4px;font-size:13px}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=375px){html{font-size:12px}.page-content{padding:12px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card .stat-value{font-size:20px}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card-mini{padding:10px}.product-card-mini .prod-name{font-size:12px}.product-card-mini .prod-code{font-size:10px}.product-card-mini .prod-price{font-size:14px}.pos-cart-totals{padding:12px 14px}.pos-cart-totals .total-final{font-size:17px}.login-card{padding:24px}.login-title{font-size:18px}.modal{max-width:100%;margin:10px}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.table-toolbar{padding:10px 12px}thead th,tbody td{padding:8px 10px;font-size:11px}.header{padding:0 12px}.header-left h1{font-size:15px}.user-info{display:none}.grid-2,.grid-3{grid-template-columns:1fr;gap:10px}.toast-container{max-width:none;top:8px;left:8px;right:8px}.pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@media (width>=376px) and (width<=414px){html{font-size:13px}.page-content{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header-search,.user-info{display:none}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}.toast-container{max-width:none;left:12px;right:12px}.pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@media (width>=415px) and (width<=767px){html{font-size:14px}.page-content{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-grid{grid-template-columns:repeat(3,1fr);gap:10px}.header-search,.user-info{display:none}.grid-2,.grid-3{grid-template-columns:1fr;gap:14px}.toast-container{max-width:none;left:16px;right:16px}}@media (width<=767px){.sidebar{z-index:200;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.collapsed .brand-text{opacity:1;width:auto}.sidebar.collapsed .nav-section-title{opacity:1;height:auto;margin-bottom:8px;padding:8px 12px}.sidebar.collapsed .nav-item span{opacity:1;width:auto}.main-content{margin-left:0!important}.header{left:0!important}.pos-layout{grid-template-columns:1fr}.pos-cart{z-index:150;max-height:90vh;box-shadow:var(--shadow-pos-cart);background:var(--bg-secondary);border-radius:20px 20px 0 0;transition:transform .35s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.pos-cart.mobile-open{transform:translateY(0)}.pos-cart-header{z-index:2;background:var(--bg-secondary);border-radius:20px 20px 0 0;padding:14px 20px;position:sticky;top:0}.pos-cart-header:before{content:"";background:var(--text-muted);opacity:.4;border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pos-cart-overlay{background:var(--bg-overlay);z-index:149;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);transition:opacity .3s;display:block;position:fixed;inset:0}.pos-cart-overlay.visible{opacity:1;pointer-events:auto}.pos-cart-fab{z-index:100;background:var(--gradient-1);color:#fff;width:60px;height:60px;box-shadow:0 4px 20px var(--accent-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;position:fixed;bottom:24px;right:20px;display:flex!important}.pos-cart-fab:active{transform:scale(.92)}.pos-cart-fab .cart-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #ef444466}.pos-cart-fab .cart-total-mini{color:var(--accent);white-space:nowrap;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:-20px}.mobile-only{display:flex!important}.desktop-only{display:none!important}.form-row,.grid-2,.grid-3{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}#mobile-menu-btn{display:flex!important}.header-search,.user-info{display:none}.stat-grid .stat-value{font-size:20px}.page-content{padding:16px}.login-card{padding:28px}.login-title{font-size:20px}.modal{border-radius:0;max-width:100%;min-height:100vh;max-height:100vh;margin:0}.modal-lg{max-width:100%}.modal-header{border-radius:0;padding:16px 20px}.modal-body{padding:20px}.modal-footer{border-radius:0;padding:14px 20px}.modal-search .modal,.confirm-dialog,.pago-wizard-modal{border-radius:var(--radius-lg);min-height:auto;max-height:90vh;margin:16px}.toast-container{max-width:none;top:12px;left:16px;right:16px}.pagination{text-align:center;flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(16px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000004d}.bottom-nav-item{min-width:44px;min-height:48px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{flex-shrink:0;width:22px;height:22px}.main-content .page-content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px)}.btn-sm{min-width:44px;min-height:44px}.table-toolbar input,.table-toolbar select,.table-toolbar .form-input,.table-toolbar .form-select,input[type=text].form-input,input[type=search].form-input,select.form-input,select.form-select{width:100%!important;max-width:100%!important}.page-content{overflow-x:hidden}.fade-in>.flex.items-center.justify-between.mb-24,.fade-in>.flex.items-center.justify-between.mb-20,.fade-in>.flex.items-center.justify-between.mb-16{gap:12px;flex-direction:column!important;align-items:flex-start!important}.fade-in>.flex.items-center.justify-between div.flex.gap-8,.fade-in>.flex.items-center.justify-between>div.flex.gap-8{flex-wrap:wrap;width:100%}.fade-in>.flex.items-center.justify-between div.flex.gap-8 .btn,.fade-in>.flex.items-center.justify-between>div.flex.gap-8 .btn{white-space:nowrap;flex:1;justify-content:center;min-width:fit-content;max-width:calc(50% - 4px);padding:8px 10px;font-size:12px}.stat-grid{grid-template-columns:1fr!important}.card-header{flex-direction:column;gap:8px}.fade-in>.flex.items-center.justify-between.mb-24>div:first-child{width:100%}table thead th,table tbody td{font-size:12px;padding:6px 8px!important}.form-row[style*=grid-template-columns]{grid-template-columns:1fr!important}.card[style*=flex\:3],.card[style*=flex\:1]{flex:100%!important}.card .flex.items-center.justify-between .flex.gap-8{flex-wrap:wrap}div[style*="grid-template-columns: 1fr 1fr 1fr auto"],.stat-grid[style*="grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))"]{grid-template-columns:1fr!important}.fade-in[style*="max-width: 720px"]{padding:0 4px;max-width:100%!important}.header .flex.items-center.gap-16{gap:8px}.table-toolbar-left select{width:100%!important;margin-left:0!important}.fade-in>.flex.items-center.justify-between.mb-24>div.flex.gap-8 select{width:100%!important}[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.form-row[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:8px!important}.table-toolbar-left select.form-input{width:100%!important}.qty-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.qty-input{height:44px;line-height:44px}.add-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.step-circle{width:36px;height:36px}.cart-item-delete{border-radius:var(--radius-sm)!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:flex!important}table .btn-icon,table .btn-sm,.table-actions .btn{min-width:40px!important;min-height:40px!important}tbody td .btn .btn-label{display:none!important}tbody td .btn{justify-content:center!important;gap:0!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}.col-hide-mobile{display:none!important}}@media (width>=768px) and (width<=834px){html{font-size:13px}.mobile-only{display:none!important}.desktop-only{display:flex!important}:root{--sidebar-width:220px;--sidebar-collapsed:64px}.sidebar:not(.mobile-open){width:var(--sidebar-collapsed)!important}.sidebar:not(.mobile-open) .brand-text,.sidebar:not(.mobile-open) .nav-section-title,.sidebar:not(.mobile-open) .nav-item span:not(.nav-badge){opacity:0;width:0;overflow:hidden}.main-content{margin-left:var(--sidebar-collapsed)!important}.header{left:var(--sidebar-collapsed)!important}.page-content{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.pos-layout{grid-template-columns:1fr 280px;gap:16px}.header-search{width:200px}.user-info .role{display:none}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}#mobile-menu-btn{display:none!important}.nueva-venta-cart-items{max-height:calc(100dvh - 380px)}}@media (width>=835px) and (width<=1024px){html{font-size:14px}:root{--sidebar-width:240px}.page-content{padding:24px}.stat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.pos-layout{grid-template-columns:1fr 300px;gap:18px}.header-search{width:240px}#mobile-menu-btn{display:none!important}.nueva-venta-cart-items{max-height:calc(100dvh - 380px)}}@media (width>=1025px) and (width<=1279px){.stat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(4,1fr)}.pos-layout{grid-template-columns:1fr 320px}.nueva-venta-cart-items{max-height:calc(100dvh - 380px)}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.stat-grid,.product-grid{grid-template-columns:repeat(4,1fr)}.pos-layout{grid-template-columns:1fr 300px}.sidebar{width:var(--sidebar-collapsed)}.sidebar .brand-text{opacity:0;width:0}.sidebar .nav-section-title{opacity:0;height:0;margin:0;padding:0}.sidebar .nav-item span{opacity:0;width:0}.main-content{margin-left:var(--sidebar-collapsed)}.header{left:var(--sidebar-collapsed)}}@media (width>=1280px) and (width<=1511px){.stat-grid,.product-grid{grid-template-columns:repeat(4,1fr)}.pos-layout{grid-template-columns:1fr 320px}}@media (width>=1512px) and (width<=1727px){.stat-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1728px) and (width<=1919px){.stat-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(5,1fr)}.page-content{padding:32px}}@media (width>=1920px){html{font-size:15px}.stat-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(6,1fr)}.page-content{max-width:1600px;padding:32px}.pos-layout{grid-template-columns:1fr 360px;gap:24px}}@supports (-webkit-touch-callout:none){.app-layout,.login-page,#root{min-height:-webkit-fill-available}.pos-layout,.pos-cart,.nueva-venta-cart-items{max-height:-webkit-fill-available}body{overscroll-behavior:none}input,textarea,select{appearance:none;border-radius:var(--radius-sm)}button{appearance:none}.page-content{min-height:-webkit-fill-available}.sidebar-nav,.pos-cart-items,.nueva-venta-cart-items,.checkout-modal-body,.modal{-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%}.header,.pos-cart-header,.nueva-venta-cart-header{position:-webkit-sticky}}@media not all and (resolution>=.001dpcm){@supports ((-webkit-appearance:none)){.sidebar{background:#1e293b}.header,.card,.login-card,.toast{background:#0f172af2}}}.skeleton{background:linear-gradient(90deg, var(--bg-input) 25%, #94a3b826 50%, var(--bg-input) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-text{height:14px;margin-bottom:4px}.skeleton-circle{border-radius:50%}.skeleton-badge{border-radius:20px;width:70px;height:22px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pago-wizard-overlay{z-index:1100;justify-content:center;align-items:center;display:flex}.pago-wizard-modal{width:420px;max-width:90vw;padding:0;animation:.2s ease-out wizardSlideIn;overflow:hidden}@keyframes wizardSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pago-wizard-steps{background:var(--bg-subtle);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:0;padding:16px 20px 12px;display:flex}.pago-wizard-step{color:var(--text-muted);transition:var(--transition);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.pago-wizard-step.active{color:var(--accent);font-weight:700}.pago-wizard-step.completed{color:var(--success)}.pago-wizard-step-num{background:var(--border);width:22px;height:22px;color:var(--text-muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.pago-wizard-step.active .pago-wizard-step-num{background:var(--accent);color:#fff}.pago-wizard-step.completed .pago-wizard-step-num{background:var(--success);color:#fff}.pago-wizard-connector{background:var(--border);border-radius:1px;width:32px;height:2px;margin:0 6px}.pago-wizard-content{padding:20px}.pago-wizard-title{text-align:center;color:var(--text);margin-bottom:16px;font-size:16px;font-weight:700}.pago-wizard-options{flex-direction:column;gap:10px;display:flex}.pago-wizard-option-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:12px;width:100%;padding:16px;font-family:inherit;display:flex}.pago-wizard-option-card:hover{border-color:var(--accent);background:var(--bg-accent-subtle);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.pago-wizard-option-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pago-wizard-option-label{color:var(--text);font-size:14px;font-weight:600}.pago-wizard-option-desc{color:var(--text-muted);font-size:11px;display:block}.pago-wizard-option-row{justify-content:space-between}.pago-wizard-option-arrow{color:var(--text-muted);margin-left:auto}.pago-wizard-option-card:hover .pago-wizard-option-arrow{color:var(--accent)}.pago-wizard-hint{text-align:center;color:var(--text-muted);margin-top:14px;font-size:11px}.pago-wizard-monto-section{flex-direction:column;align-items:center;gap:8px;display:flex}.pago-wizard-monto-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.pago-wizard-monto-input-wrapper{width:100%;max-width:280px;position:relative}.pago-wizard-monto-symbol{color:var(--text-muted);pointer-events:none;z-index:1;font-size:20px;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pago-wizard-monto-input{width:100%;transition:var(--transition);text-align:center!important;border-radius:var(--radius-md)!important;border:2px solid var(--border)!important;padding:14px 14px 14px 44px!important;font-size:28px!important;font-weight:700!important}.pago-wizard-monto-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.pago-wizard-monto-input::placeholder{color:var(--text-muted);opacity:.5}.pago-wizard-max-btn{transition:var(--transition);align-items:center;gap:4px;color:var(--accent)!important;border:1px solid var(--border-accent)!important;background:var(--bg-accent-light)!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.pago-wizard-max-btn:hover{background:var(--bg-accent-light)!important;border-color:var(--accent)!important}.pago-wizard-equiv{color:var(--text-muted);text-align:center;margin-top:4px;font-size:13px}.pago-wizard-actions{gap:10px;margin-top:20px;display:flex}.pago-wizard-actions .btn{flex:1;justify-content:center;padding:12px!important;font-size:14px!important}.checkout-add-pago-btn{width:100%;color:var(--text-muted);transition:var(--transition);justify-content:center;margin-bottom:12px;border:1px dashed var(--border)!important;background:var(--bg-card)!important;padding:12px!important;font-size:14px!important}.checkout-add-pago-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--bg-accent-subtle)!important}.checkout-summary-condition-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.connectivity-bar{cursor:pointer;transition:var(--transition);z-index:80;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:relative}.connectivity-bar.offline{color:var(--danger);background:#ef44441f;border-bottom-color:#ef444433}.connectivity-bar.pending-sync{color:var(--warning);background:#f59e0b1f;border-bottom-color:#f59e0b33}.connectivity-bar.syncing{color:var(--info);background:#3b82f61f;border-bottom-color:#3b82f633}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connectivity-bar .spin{animation:1s linear infinite spin}.search-input-responsive{width:100%;max-width:280px;padding-left:34px}@media (width<=767px){.search-input-responsive{max-width:100%}}.pos-header-title{font-size:clamp(15px,4vw,22px);font-weight:800}.pos-tasa-info{color:var(--text-muted);font-size:12px}.pos-alert-text{font-size:11px}.pos-location-label{color:var(--text-muted);font-size:12px;font-weight:600}.pos-location-select{font-size:13px}.barcode-input{height:48px}.pos-search-btn{padding:18px 16px;font-size:17px}.pos-keyboard-hint{color:var(--text-muted);font-size:11px}.pos-cart-empty-state{text-align:center;padding:40px 24px}.pos-cart-item-name{font-size:14px;font-weight:600}.pos-cart-item-detail{color:var(--text-muted);font-size:11px}.pos-cart-subtotal{font-size:15px;font-weight:700}.pos-cart-qty-info{color:var(--text-muted);font-size:11px}@media (width<=767px){.pos-header-title{font-size:17px}.pos-search-btn{padding:14px 12px;font-size:15px}.pos-cart-empty-state{padding:28px 16px}}.user-menu{cursor:pointer;position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-radius:8px;min-width:180px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.header-search-item{cursor:default;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.header-search-item.clickable{cursor:pointer}.header-search-item.clickable:hover{background:var(--bg-nav-hover)}.header-search-icon{color:var(--text-muted);flex-shrink:0}.header-search-text{flex:1;min-width:0}.header-search-label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.header-search-sub{color:var(--text-muted);font-size:11px}.header-search-type{color:var(--text-muted);text-transform:uppercase;background:var(--bg-nav-hover);border-radius:4px;padding:2px 6px;font-size:10px}.header-logout-item{color:var(--danger);border-top:1px solid var(--border);padding:10px 14px;font-weight:500}.header-search-loading{font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-search-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;-webkit-overflow-scrolling:touch;border-radius:8px;max-height:320px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 8px 24px #00000026}.mobile-search-btn{display:none!important}.header-search-mobile{display:none}@media (width<=767px){.mobile-search-btn{display:flex!important}.header-search-mobile{height:var(--header-height);background:var(--bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:260;box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:0 12px;animation:.2s slideDown;display:flex;position:fixed;inset:0 0 auto}.header-search-mobile-input{background:var(--bg-input);border:1px solid var(--border-focus);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;min-width:0;height:40px;padding:8px 12px;font-size:15px}.header-search-mobile-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.header-search-mobile-results{top:var(--header-height);z-index:259;position:fixed;left:0;right:0}.header-search-mobile-results .header-search-dropdown{border-radius:0 0 var(--radius-md) var(--radius-md);border-left:none;border-right:none;border-top:1px solid var(--border);max-height:60vh;margin-top:0;position:static;box-shadow:0 8px 24px #0003}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (orientation:landscape) and (height<=500px){.header{height:48px}.header-left h1{font-size:14px}.header-search{display:none}.bottom-nav{display:none!important}.main-content .page-content{padding-bottom:16px!important}.modal{max-height:90dvh}.modal:not(.pago-wizard-modal):not(.confirm-dialog){border-radius:var(--radius-lg);min-height:auto}.pos-cart{max-height:80dvh}.page-content{padding:10px!important}}.filter-toolbar .filter-select{width:130px}@media (width<=767px){.filter-toolbar{gap:6px!important}.filter-toolbar .filter-select{flex:calc(50% - 6px);width:auto!important;min-width:0!important;font-size:12px!important}.table-toolbar-left input[style*=width],.table-toolbar input[style*=width\:280px],.table-toolbar input[style*="width: 280px"]{width:100%!important;min-width:0!important}}.page-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.page-header-title{align-items:center;gap:10px;display:flex}.page-header-title h1{font-size:20px;font-weight:800;line-height:1.2}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=430px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header-title h1{font-size:22px}.page-header-actions{flex-wrap:nowrap}}.mf-cards{flex-direction:column;gap:0;display:flex}.mf-table{display:none}@media (width>=744px){.mf-cards{display:none}.mf-table{display:block}}.mf-card{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:8px;padding:14px 16px;transition:background .15s;display:flex;position:relative}.mf-card:last-child{border-bottom:none}.mf-card:active{background:var(--bg-accent-subtle)}.mf-card-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mf-card-row-col{flex-direction:column;gap:2px;display:flex}.mf-card-primary{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.mf-card-secondary{color:var(--text-secondary);font-size:12px;line-height:1.4}.mf-card-muted{color:var(--text-muted);font-size:11px}.mf-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mf-card-value{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700}.mf-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mf-card-chevron{color:var(--text-muted);opacity:.4;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.mf-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.mf-avatar-sm{width:32px;height:32px;font-size:12px}.mf-toolbar{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.mf-toolbar-row{align-items:center;gap:8px;display:flex}.mf-toolbar-search{flex:1;position:relative}.mf-toolbar-search svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mf-toolbar-search input{width:100%;padding-left:34px}.mf-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mf-filters::-webkit-scrollbar{display:none}.mf-filters select,.mf-filters input[type=date]{flex-shrink:0;min-width:110px;font-size:12px}@media (width>=744px){.mf-toolbar{flex-flow:wrap;justify-content:space-between;align-items:center;padding:14px 20px}.mf-toolbar-search{max-width:280px}.mf-filters{flex-wrap:wrap;overflow-x:visible}}.modal-sheet-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);z-index:200;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-overflow-scrolling:touch;width:100%;max-height:92vh;animation:.35s cubic-bezier(.32,.72,0,1) slideUpSheet;overflow-y:auto}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:10px auto 0}@media (width>=744px){.modal-sheet-overlay{justify-content:center;align-items:center;padding:20px}.modal-sheet{border-radius:var(--radius-lg);max-width:540px;max-height:90vh;animation:.3s slideUp}.modal-sheet-handle{display:none}}.modal-sheet-lg{max-width:720px!important}.mf-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}@media (width>=744px){.mf-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}}@media (width<=743px){.mf-stats .stat-card{grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:1px 10px;padding:12px 14px;display:grid}.mf-stats .stat-card .stat-icon{grid-area:1/1/3;align-self:center;width:34px;height:34px;margin-bottom:0}.mf-stats .stat-card .stat-value{grid-area:1/2;margin-bottom:0;font-size:17px;line-height:1.2}.mf-stats .stat-card .stat-label{grid-area:2/2;font-size:10px;line-height:1.3}}.mf-grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=744px){.mf-grid-2{grid-template-columns:1fr 1fr}}.btn-icon-only{justify-content:center;width:36px;height:36px;padding:0!important}.btn-full{justify-content:center;width:100%}.mf-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.mf-empty-icon{opacity:.25}.mf-empty-title{color:var(--text-secondary);font-size:15px;font-weight:600}.mf-empty-sub{font-size:13px}.mf-form-row{grid-template-columns:1fr;gap:0;display:grid}@media (width>=430px){.mf-form-row{grid-template-columns:1fr 1fr;gap:16px}}.mf-back-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.mf-detail-header{flex-direction:column;gap:12px;padding:16px;display:flex}@media (width>=390px){.mf-detail-header{padding:20px}}.mf-detail-hero{align-items:flex-start;gap:14px;display:flex}.mf-detail-info{flex:1;min-width:0}.mf-detail-name{word-break:break-word;font-size:18px;font-weight:800;line-height:1.25}@media (width>=390px){.mf-detail-name{font-size:20px}}.mf-detail-sub{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px;font-size:12px;display:flex}.mf-detail-contact{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 16px;margin-top:4px;padding-top:12px;font-size:12px;display:flex}.mf-detail-contact-item{color:var(--text-secondary);align-items:center;gap:4px;display:flex}.mf-inner-table{border-collapse:collapse;width:100%}.mf-inner-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-table-header);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:600}.mf-inner-table td{white-space:nowrap;border-bottom:1px solid #94a3b80f;padding:10px 14px;font-size:12px}.mf-inner-table tbody tr:hover{background:var(--bg-table-row-hover)}.mf-inner-table tbody tr:last-child td{border-bottom:none}.mf-table-scroll{-webkit-overflow-scrolling:touch;border-radius:0 0 var(--radius-md) var(--radius-md);background:0 0;overflow-x:auto}.mf-type-selector{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:16px;display:grid}.mf-type-btn{border-radius:var(--radius-sm);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.mf-type-btn:active{transform:scale(.98)}.mf-type-btn.active{border-color:var(--accent);background:var(--bg-nav-active);color:var(--accent)}@media (width<=389px){.page-content{padding:12px!important}.page-header-title h1{font-size:17px}}.vd-balance-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.vd-balance-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.vd-balance-label{color:var(--text-secondary);font-size:13px}.vd-balance-value{font-size:14px;font-weight:700}.vd-balance-saldo{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.vd-abono-btn{justify-content:center;width:100%;margin-top:14px;padding:14px;font-size:15px}.dash-hero-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;padding:14px 12px;position:relative;overflow:hidden}.dash-stat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.dash-stat-card.green:before{background:var(--success)}.dash-stat-card.violet:before{background:#8b5cf6}.dash-stat-card.amber:before{background:var(--warning)}.dash-stat-card.blue:before{background:#3b82f6}.dash-stat-card:active{transform:scale(.97)}.dash-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.dash-stat-card.green .dash-stat-icon{color:var(--success);background:#10b98126}.dash-stat-card.violet .dash-stat-icon{color:#8b5cf6;background:#8b5cf626}.dash-stat-card.amber .dash-stat-icon{color:var(--warning);background:#f59e0b26}.dash-stat-card.blue .dash-stat-icon{color:#3b82f6;background:#3b82f626}.dash-stat-value{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:18px;font-weight:800;overflow:hidden}.dash-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600}.dash-stat-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.dash-actions-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.dash-action-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;padding:18px 12px;font-size:13px;font-weight:700;display:flex}.dash-action-btn:active{background:var(--bg-secondary);transform:scale(.96)}.dash-action-btn .dash-action-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dash-action-btn.primary-action{background:var(--accent);color:#fff;border-color:var(--accent);flex-direction:row;grid-column:span 2;gap:12px;min-height:62px;padding:14px 20px;font-size:15px}.dash-action-btn.primary-action .dash-action-icon{color:#fff;background:#ffffff2e;flex-shrink:0}.dash-action-btn.primary-action:active{background:var(--accent-dark,#4f46e5)}.dash-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;padding:14px 16px}.dash-info-row{border-bottom:1px solid #94a3b812;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.dash-info-row:last-child{border-bottom:none}.dash-tasa-strip{border-radius:var(--radius-sm);color:var(--success);background:#10b98112;border:1px solid #10b9812e;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}@media (width>=600px){.dash-hero-grid{grid-template-columns:repeat(4,1fr)}.dash-actions-grid{grid-template-columns:repeat(3,1fr)}.dash-action-btn.primary-action{flex-direction:column;grid-column:span 1;min-height:88px}}.pd-pago-entry{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:10px;padding:12px}.pd-pago-pair{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.pd-pago-pair:last-child{margin-bottom:0}.pd-balance-strip{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.pd-balance-item{color:var(--text-muted);border-right:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:11px;display:flex}.pd-balance-item:last-child{border-right:none}.pd-balance-item strong{color:var(--text-primary);font-size:13px}.pd-action-row{grid-template-columns:1fr 2fr;gap:8px;margin-bottom:24px;display:grid}@media (width<=360px){.pd-pago-pair,.pd-action-row{grid-template-columns:1fr}}.badge-secondary{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.btn-label-md{display:none}@media (width>=430px){.btn-label-md{display:inline}}