body { background-color: #f4f6f9; font-family: 'Segoe UI', system-ui, sans-serif; }
.sidebar { min-height: 100vh; background-color: #1e2229; color: #adb5bd; }
.sidebar .nav-link { color: #adb5bd; margin-bottom: 4px; border-radius: 6px; transition: all 0.2s; cursor: pointer; }
.sidebar .nav-link:hover { color: #fff; background-color: rgba(255,255,255,0.05); }
.sidebar .nav-link.active { color: #fff; background-color: #0d6efd; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; max-height: 350px; overflow-y: auto; }
.product-card { cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; border: 1px solid #dee2e6; text-align: center; background: #fff; padding: 10px; border-radius: 8px;}
.product-card:hover:not(.out-of-stock) { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.08); }
.product-card.out-of-stock { background-color: #e9ecef !important; color: #6c757d !important; border: 1px dashed #dc3545 !important; cursor: not-allowed; opacity: 0.6; }
.scroll-caja { max-height: 220px; overflow-y: auto; }
.backdrop-blur { backdrop-filter: blur(8px); background: rgba(0,0,0,0.5); }
.fila-deudor { background-color: #fce8e6 !important; transition: background-color 0.2s; }
.fila-deudor:hover { background-color: #fadbd8 !important; }
.celda-deuda-alerta { color: #dc3545 !important; font-weight: bold; background-color: #fce8e6 !important; }