.brand-logo{border-radius:8px;width:auto;height:44px}.btn-primary{color:#1a1200;cursor:pointer;background:linear-gradient(135deg,#f0c14b,#caa02c);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.tabs{background:#fff;border:1px solid #ececec;border-radius:14px;gap:4px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.card-hoy{color:#fff;background:#111;border-radius:16px;flex-direction:column;gap:6px;margin-bottom:24px;padding:28px;display:flex}.card-hoy .stat-label{color:#d9d9d9}.card-hoy .stat-valor-grande{color:#f0c14b;font-size:40px}.card-hoy .tendencia{color:#9a9a9a;font-size:13px}.stat-card{background:#fff;border:1px solid #ececec;border-top:4px solid #f0c14b;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.stat-detalle{color:#b3b3b3;font-size:12px}.tabla-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px}.estado-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.estado-critico{background:#e5484d}.estado-alerta{background:#f0a020}.estado-ok{background:#2fb344}html,body{overflow-x:hidden}body{color:#1a1a1a;background:#faf5f3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{width:100%;max-width:1300px;margin:0 auto;padding:24px clamp(16px,4vw,64px)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:#fbdce6;border-radius:8px;justify-content:center;align-items:center;width:auto;height:60px;font-size:20px;display:flex}.brand h1{margin:0;font-size:20px}.brand-sub{color:#888;font-size:13px}.topbar-actions{align-items:center;gap:12px;display:flex}.user-pill{text-align:right;font-size:13px}.user-pill span{color:#888;display:block}.btn-primary{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;padding:10px 16px;font-size:14px}.btn-outline{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 16px;font-size:14px}.period-bar{background:#fff;border:1px solid #eee;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.period-label{color:#888;letter-spacing:.05em;font-size:12px;font-weight:600}.period-note{color:#aaa;margin:4px 0 0;font-size:13px}.period-bar select{appearance:none;color:#111;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #ddd;border-radius:10px;padding:10px 36px 10px 14px;font-size:14px}.period-bar select:focus{border-color:#111;outline:none}.tabs{background:#fff;border:1px solid #eee;border-radius:14px;justify-content:center;gap:4px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:12px 22px;font-size:15px}.tab.activa{color:#fff;background:#111}.panel h2{margin:0 0 4px}.subtitulo{color:#888;margin:0 0 20px;font-size:14px}.subtitulo-chico{color:#999;font-size:12px}.card-hoy{background:linear-gradient(135deg,#fff0f5,#fff);border:1px solid #f3d7e3;border-radius:16px;flex-direction:column;gap:6px;margin-bottom:24px;padding:24px;display:flex}.stat-valor-grande{font-size:36px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #eee;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.stat-label{color:#999;letter-spacing:.03em;font-size:12px;font-weight:600}.stat-valor{font-size:22px}.cuenta-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px}.cuentas-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;display:grid}.cuenta-item{border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.placeholder{text-align:center;color:#999;background:#fff;border:1px dashed #ddd;border-radius:14px;padding:60px 20px}.form-agregar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.form-agregar input{border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:14px}table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eee;padding:12px 16px}th{color:#999;font-size:12px;font-weight:600}.stock-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-agregar-card{background:#fff;border:1px solid #ececec;border-radius:14px;margin-bottom:20px;padding:18px}.form-agregar-acciones{gap:10px;margin-top:12px;display:flex}.btn-eliminar{color:#c2352b;cursor:pointer;background:#fdeceb;border:1px solid #f6cfcb;border-radius:20px;padding:6px 14px;font-size:13px;transition:background .15s}.btn-eliminar:hover{background:#f8d3d0}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:420px;max-height:90vh;padding:24px;display:flex;overflow:hidden auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-header h3{margin:0}.modal-cerrar{cursor:pointer;color:#999;background:0 0;border:none;font-size:18px}.modal-label{color:#666;margin-top:10px;margin-bottom:4px;font-size:13px}.modal-input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.modal-fila{gap:12px;display:flex}.modal-fila>div{flex:1;min-width:0}.modal-crear{width:100%;margin-top:16px;padding:12px}.categoria-grupo{margin-bottom:24px}.categoria-titulo{color:#555;margin:0 0 10px;font-size:15px}.stock-header-botones{gap:10px;display:flex}.fila-categoria td{color:#555;background:#faf7f2;padding-top:16px;padding-bottom:8px;font-size:13px;font-weight:600}.filtros-stock{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.input-busqueda{color:#000;background-color:#fff;border:2px solid #000;border-radius:8px;width:100%;max-width:320px;padding:10px 14px;font-size:14px}.input-busqueda:focus{border-color:#d4af37;outline:none}.input-busqueda::placeholder{color:#888}.chips-categorias{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#fff;cursor:pointer;background-color:#1a1a1a;border:1px solid #333;border-radius:999px;padding:8px 20px;font-size:15px;font-weight:500;transition:all .15s}.chip:hover{border-color:#d4af37}.chip-activo{color:#fff;background-color:#d4af37;border-color:#d4af37;font-weight:700}.fila-vacia{text-align:center;color:#888;padding:20px}.lista-categorias-modal{border-top:1px solid #333;margin-top:20px;padding-top:12px}.fila-categoria-modal{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.btn-eliminar-chico{color:#c0392b;cursor:pointer;background-color:#fff0f0;border:1px solid #f5b7b1;border-radius:999px;padding:4px 12px;font-size:12px}.btn-eliminar-chico:hover{background-color:#f5b7b1}.tabs-modal-categoria{border-bottom:1px solid #333;gap:8px;margin-bottom:16px;display:flex}.tab-modal{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px;font-size:14px}.tab-modal-activo{color:#000;border-bottom:2px solid #d4af37;font-weight:600}.tabla-categorias-modal{width:100%}.tabla-categorias-modal th,.tabla-categorias-modal td{text-align:left;border-bottom:1px solid #eee;padding:8px 4px}.error-texto{color:#c0392b;margin:6px 0;font-size:13px}.venta-seccion{border:1px solid #eee;border-radius:14px;margin-bottom:16px;padding:16px}.venta-seccion-titulo{color:#666;margin-bottom:10px;font-size:13px;font-weight:600}.fila-item-venta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.fila-item-venta select,.fila-item-venta input{border:1px solid #ddd;border-radius:8px;padding:8px 10px;font-size:14px}.fila-item-venta .input-cantidad{width:70px}.fila-item-venta .input-nombre-manual,.fila-item-venta select{flex:1}.botones-agregar-item{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.total-venta{font-size:15px;font-weight:700}.pago-bloque{background:#faf7f2;border:1px solid #eee;border-radius:14px;margin-bottom:12px;padding:16px}.pago-titulo{color:#666;margin-bottom:10px;font-size:13px;font-weight:600}.fila-pago{gap:10px;display:flex}.fila-pago>div{flex:1;min-width:0}.opcionales-toggle{text-align:left;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:12px;padding:10px 14px;font-size:14px}.opcionales-contenido{border:1px solid #eee;border-radius:14px;margin-bottom:16px;padding:16px}.checkbox-fila{background:#faf7f2;border-radius:10px;align-items:center;gap:8px;margin:10px 0;padding:10px;font-size:13px;display:flex}.btn-guardar-venta{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.tabla-scroll{width:100%;overflow-x:auto}.tabla-scroll table{min-width:900px}.celda-editable{cursor:pointer}.celda-editable:hover{background:#f2f2f2}.input-celda{width:100%;font-size:inherit;border:1px solid #ccc;border-radius:4px;padding:4px 6px}.celda-modificada{background:#fff8e1}.login-pantalla{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;width:100%;max-width:360px;padding:32px;display:flex}.login-box h1{text-align:center;margin:0 0 4px;font-size:22px}.login-box .subtitulo{text-align:center;margin-bottom:12px}.login-boton{width:100%;margin-top:16px;padding:12px}