@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-border:#e8e8e4;--color-border-md:#d0d0ca;--color-text:#1a1a18;--color-muted:#6b6b66;--color-hint:#9e9e98;--color-primary:#1a5fb4;--color-primary-bg:#e8f0fe;--color-success:#1a7a4a;--color-success-bg:#d4f5e5;--color-danger:#b92020;--color-danger-bg:#fde8e8;--color-warning:#8a5e00;--color-warning-bg:#fef3cd;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--font:"Inter",-apple-system,sans-serif;--sidebar-w:220px;--topbar-h:56px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f7f7f5;background:var(--color-bg);color:#1a1a18;color:var(--color-text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}.app-layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--color-surface);border-right:1px solid #e8e8e4;border-right:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .25s;width:220px;width:var(--sidebar-w);z-index:100}.sidebar-brand{align-items:center;border-bottom:1px solid #e8e8e4;border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:18px 20px}.sidebar-brand .brand-icon{align-items:center;background:#1a5fb4;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-brand .brand-name{color:#1a1a18;color:var(--color-text);font-size:15px;font-weight:600}.sidebar-brand .brand-sub{color:#6b6b66;color:var(--color-muted);font-size:11px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 10px}.nav-section{margin-bottom:20px}.nav-section-label{color:#9e9e98;color:var(--color-hint);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;padding:0 10px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b6b66;color:var(--color-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 10px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-item:hover{background:#f7f7f5;background:var(--color-bg);color:#1a1a18;color:var(--color-text)}.nav-item.active{background:#e8f0fe;background:var(--color-primary-bg);color:#1a5fb4;color:var(--color-primary)}.nav-item svg{flex-shrink:0;height:18px;width:18px}.sidebar-footer{border-top:1px solid #e8e8e4;border-top:1px solid var(--color-border);padding:14px 16px}.user-card{gap:10px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:#e8f0fe;background:var(--color-primary-bg);border-radius:50%;color:#1a5fb4;color:var(--color-primary);flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.user-info{flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b6b66;color:var(--color-muted);font-size:11px;text-transform:capitalize}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:220px;margin-left:var(--sidebar-w);min-height:100vh}.topbar{align-items:center;background:#fff;background:var(--color-surface);border-bottom:1px solid #e8e8e4;border-bottom:1px solid var(--color-border);display:flex;height:56px;height:var(--topbar-h);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{font-size:16px;font-weight:600}.topbar-right{align-items:center;display:flex;gap:12px}.page-body{flex:1 1;padding:24px}.card{background:#fff;background:var(--color-surface);border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);padding:20px}.metric-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.metric-card{background:#fff;background:var(--color-surface);border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);padding:16px 18px}.metric-label{color:#6b6b66;color:var(--color-muted);font-size:12px;font-weight:500;margin-bottom:6px}.metric-value{color:#1a1a18;color:var(--color-text);font-size:24px;font-weight:600}.metric-sub{color:#9e9e98;color:var(--color-hint);font-size:12px;margin-top:4px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn svg{height:16px;width:16px}.btn-primary{background:#1a5fb4;background:var(--color-primary);color:#fff}.btn-primary:hover{background:#1651a0}.btn-secondary{background:#fff;background:var(--color-surface);border-color:#d0d0ca;border-color:var(--color-border-md);color:#1a1a18;color:var(--color-text)}.btn-secondary:hover{background:#f7f7f5;background:var(--color-bg)}.btn-danger{background:#fde8e8;background:var(--color-danger-bg);border-color:#f7c1c1;color:#b92020;color:var(--color-danger)}.btn-danger:hover{background:#f7c1c1}.btn-success{background:#d4f5e5;background:var(--color-success-bg);border-color:#a8dfc4;color:#1a7a4a;color:var(--color-success)}.btn-lg{border-radius:10px;border-radius:var(--radius-md);font-size:14px;padding:11px 22px}.btn-block{justify-content:center;width:100%}.btn:disabled{cursor:not-allowed;opacity:.45}.form-group{margin-bottom:14px}.form-label{color:#6b6b66;color:var(--color-muted);display:block;font-size:12px;font-weight:500;margin-bottom:5px}.form-input{background:#fff;background:var(--color-surface);border:1px solid #d0d0ca;border:1px solid var(--color-border-md);border-radius:6px;border-radius:var(--radius-sm);color:#1a1a18;color:var(--color-text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:border .15s;width:100%}.form-input:focus{border-color:#1a5fb4;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a5fb41a}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b66' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.table-wrap{border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{background:#f7f7f5;background:var(--color-bg);color:#6b6b66;color:var(--color-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td,thead th{border-bottom:1px solid #e8e8e4;border-bottom:1px solid var(--color-border)}tbody td{color:#1a1a18;color:var(--color-text);padding:11px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f7f7f5;background:var(--color-bg)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.badge-success{background:#d4f5e5;background:var(--color-success-bg);color:#1a7a4a;color:var(--color-success)}.badge-danger{background:#fde8e8;background:var(--color-danger-bg);color:#b92020;color:var(--color-danger)}.badge-warning{background:#fef3cd;background:var(--color-warning-bg);color:#8a5e00;color:var(--color-warning)}.badge-info{background:#e8f0fe;background:var(--color-primary-bg);color:#1a5fb4;color:var(--color-primary)}.badge-neutral{background:#f7f7f5;background:var(--color-bg);border:1px solid #e8e8e4;border:1px solid var(--color-border);color:#6b6b66;color:var(--color-muted)}.pos-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 320px;height:calc(100vh - 104px);height:calc(100vh - var(--topbar-h) - 48px)}.product-grid{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));overflow-y:auto;padding-right:4px}.product-card{background:#fff;background:var(--color-surface);border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:12px;text-align:left;transition:all .15s}.product-card:hover:not(:disabled){border-color:#1a5fb4;border-color:var(--color-primary);box-shadow:0 0 0 3px #e8f0fe;box-shadow:0 0 0 3px var(--color-primary-bg)}.product-card:disabled{cursor:not-allowed;opacity:.45}.product-card .pc-name{font-size:12px;font-weight:500;line-height:1.3;margin-bottom:6px}.product-card .pc-price{color:#1a5fb4;color:var(--color-primary);font-size:14px;font-weight:600}.product-card .pc-stock{color:#9e9e98;color:var(--color-hint);font-size:11px;margin-top:3px}.cart-panel{background:#fff;background:var(--color-surface);border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.cart-header{align-items:center;border-bottom:1px solid #e8e8e4;border-bottom:1px solid var(--color-border);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.cart-items{flex:1 1;overflow-y:auto;padding:8px 0}.cart-item{align-items:center;border-bottom:1px solid #e8e8e4;border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:8px 16px}.ci-name{flex:1 1;font-size:12px;line-height:1.3}.ci-qty{align-items:center;display:flex;gap:4px}.ci-qty button{background:#f7f7f5;background:var(--color-bg);border:1px solid #d0d0ca;border:1px solid var(--color-border-md);border-radius:5px;color:#1a1a18;color:var(--color-text);cursor:pointer;font-size:14px;font-weight:600;height:22px;line-height:1;transition:all .1s;width:22px}.ci-qty button:hover{background:#d0d0ca;background:var(--color-border-md)}.ci-qty span{min-width:20px;text-align:center}.ci-qty span,.ci-total{font-size:13px;font-weight:600}.ci-total{min-width:68px;text-align:right}.cart-footer{border-top:1px solid #e8e8e4;border-top:1px solid var(--color-border);padding:14px 16px}.cart-totals{margin-bottom:12px}.cart-total-row{color:#6b6b66;color:var(--color-muted);display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px}.cart-total-row.final{border-top:1px solid #e8e8e4;border-top:1px solid var(--color-border);color:#1a1a18;color:var(--color-text);font-size:16px;font-weight:700;margin-top:8px;padding-top:8px}.pay-methods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pay-btn{background:#f7f7f5;background:var(--color-bg);border:1px solid #d0d0ca;border:1px solid var(--color-border-md);border-radius:6px;border-radius:var(--radius-sm);color:#6b6b66;color:var(--color-muted);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:70px;padding:7px 10px;text-align:center;transition:all .15s}.pay-btn.active,.pay-btn:hover{border-color:#1a5fb4;border-color:var(--color-primary);color:#1a5fb4;color:var(--color-primary)}.pay-btn.active{background:#e8f0fe;background:var(--color-primary-bg)}.caja-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.caja-abierta{background:#d4f5e5;background:var(--color-success-bg);color:#1a7a4a;color:var(--color-success)}.caja-cerrada{background:#fef3cd;background:var(--color-warning-bg);color:#8a5e00;color:var(--color-warning)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:#6b6b66;color:var(--color-muted)}.text-right{text-align:right}.fw-600,.section-title{font-weight:600}.section-title{font-size:15px;margin-bottom:16px}.divider{border:none;border-top:1px solid #e8e8e4;border-top:1px solid var(--color-border);margin:16px 0}.login-page{align-items:center;background:#f7f7f5;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--color-surface);border:1px solid #e8e8e4;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);max-width:400px;padding:40px;width:100%}.login-logo{margin-bottom:28px;text-align:center}.login-logo .logo-box{align-items:center;background:#1a5fb4;background:var(--color-primary);border-radius:10px;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:22px;font-weight:700;height:48px;justify-content:center;margin-bottom:12px;width:48px}.login-logo h1{font-size:20px;font-weight:700}.login-logo p{color:#6b6b66;color:var(--color-muted);font-size:13px;margin-top:4px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.pos-layout{grid-template-columns:1fr}.cart-panel{border-radius:14px 14px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;height:50vh;left:0;position:fixed;right:0;z-index:200}.form-row,.form-row-3{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}.spinner{animation:spin .7s linear infinite;border:2px solid #e8e8e4;border-top-color:#1a5fb4;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{align-items:center;display:flex;flex-direction:column;font-size:13px;gap:14px;height:60vh;justify-content:center}.empty-state,.page-loading{color:#6b6b66;color:var(--color-muted)}.empty-state{padding:48px 20px;text-align:center}.empty-state svg{height:40px;margin-bottom:12px;opacity:.4;width:40px}.empty-state h3{color:#1a1a18;color:var(--color-text);font-size:15px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:13px}
/*# sourceMappingURL=main.d4e87549.css.map*/